当前位置: 移动技术网 > IT编程>开发语言>JavaScript > three.js 使用OrbitControls.js自由视角观察

three.js 使用OrbitControls.js自由视角观察

2019年01月18日  | 移动技术网IT编程  | 我要评论

 

 

首先,引入js文件:

<script type="text/javascript" src="./path/to/orbitcontrols.js"></script>

 

 

然后,实例化:

//实例化 orbitcontrols
orbitcontrols = new three.orbitcontrols(camera,renderer.domelement);
orbitcontrols.target = new three.vector3(0, 0, 0);
orbitcontrols.autorotate = false;
clock = new three.clock();

 

 

 

最后,循环渲染:

//实时渲染
function loop(){
    delta = clock.getdelta();
    orbitcontrols.update(delta);

    renderer.render(scene,camera);
    requestanimationframe(loop);
}

 

 

 

 

 

 

 

 

 

 

 

1

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网