three.js 使用OrbitControls.js*视角观察

时间:2021-01-01 11:30:53

首先,引入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