three.js 使用OrbitControls.js自由視角觀察

 

 

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