04-Three.js 操作控件

鼠标操作控件 OrbitControls.js

---

方法一，使用监听鼠标、键盘事件

function render() {
    // 执行渲染操作
     renderer.render(scene,camera);
 }
render();
// 创建控件对象
var controls = new THREE.OrbitControls(camera,renderer.domElement);
// 监听变化
controls.addEventListener('change', render);

方法二requestAnimationFrame动画去执行渲染操作

/**
 * 创建鼠标控件对象
 */
var controls = new THREE.OrbitControls(camera, renderer.domElement);

function animate() {
    requestAnimationFrame( animate );
    // 更新控制器
    controls.update();
    renderer.render( scene, camera );
}

animate()