PLM之家精品课程培训

联系电话：18301858168 | QQ咨询：939801026

NX二次开发培训

UFUN/NXOpen C++和实战案例

适合初级入门或想深入了解二次开发的工程师，本培训结合ufun，NXOpen C++，大量的实例及官方内部的开发技术。

关注公众号

点击扫描二维码免费在线高清教程

课程详情

Catia二次开发培训

市场需求大，掌握核心技术前景广阔

Catia二次开发的市场需求大，人才稀缺。掌握开发技能潜力巨大，随着经验积累将在汽车、航空等领域有所作为。

在线原创B站视频

点击关注工业软件传道士主页

课程详情

Teamcenter培训

全方位培训，从基础应用到高级开发全覆盖

涵盖用户应用基础培训、管理员基础培训、管理员高级培训及二次开发培训等全方位内容，由多年经验讲师打造。

加入同行交流

点击扫描二维码加入QQ群

课程详情

PLM之家plmhome公众号

课程涵盖: PLM之家所有原创视频

关注B站视频

所有高清视频一览无余，全部在线播放学习

加入PLM之家QQ群

热图推荐

[前端框架] Threejs 基于webGL的3D开发神器

[复制链接]

2019-9-1 18:45:09 2561 0

admin 发表于 2019-9-1 18:45:09 |阅读模式

admin 楼主

2019-9-1 18:45:09

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

您需要登录才可以下载或查看，没有账号？注册

废话不多说，官网自己百度下， threejs.org ，入门很简单。

创建的javascript脚本如下

[mw_shl_code=javascript,true]
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// Refresh Issue
window.addEventListener('resize', function () {
var width = this.window.innerWidth;
var height = this.window.innerHeight;
render.setSize(width, height);
camera.aspect = width / height;
camera.updateProjectionMatrix();
})

//orbit contorls
controls = new THREE.OrbiTControls(camera,renderer.domElement);

//create the shape
var geometry = new THREE.TorusGeometry(2, 1, 16, 100);
//create  a meterial
var material = new THREE.MeshBasicMaterial({ color: 0xffff00, wireframe: true, });
//var myMaterial = [new THREE.MeshBasicMaterial({map:new THREE.TextureLoader().load('image/plmhome.png'),side:THREE.DoubleSide}),];
//var material = new THREE.MeshFaceMaterial(myMaterial);

var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
camera.position.z = 5;

//rotate
var update = function () {
cube.rotation.x += .01;
cube.rotation.y += .02;
cube.rotation.z += .02;
}

var render = function () {
renderer.render(scene, camera);
}

var Gameloop = function () {
requestAnimationFrame(Gameloop);
update();
render();
}

Gameloop();
[/mw_shl_code]

引入争取的html，

[mw_shl_code=html,true]<!DOCTYPE html>
<html>

<head>
<title>hello ThreeJS</title>
<style>
      body {
         margin: 0;
      }

      canvas {
         width: 100%;
         height: 100%;
      }

      h1 {
         color: aqua;
      }
</style>
</head>

<body>
<script src="js/three.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="myjs.js"></script>


</body>

</html>[/mw_shl_code]

效果点击这里：

http://plmhome.com/doteam/lesson1.html

上海点团信息科技有限公司，承接UG NX，CATIA，CREO，Solidworks 等CAx软件，Teamcenter，3D Experience等PLM软件，工业4.0数字化软件的实施\二次开发\培训相关业务，详情QQ 939801026 Tel 18301858168 网址 www.diantuankj.com/ doTeam.tech

使用道具举报

返回列表发布主题

PLM之家精品课程培训

NX二次开发培训

关注公众号

Catia二次开发培训

在线原创B站视频

Teamcenter培训

加入同行交流

PLM之家plmhome公众号

关注B站视频

加入PLM之家QQ群

PLM之家PLMHome-国产软件践行者

热图推荐

[前端框架] Threejs 基于webGL的3D开发神器

admin 楼主

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

发表回复

浏览过的版块