欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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