three.js 使用OrbitControls.js*视角观察
程序员文章站
2023-08-19 13:46:56
首先,引入js文件: 然后,实例化: 最后,循环渲染: 1 ......
首先,引入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