- 引入模型控制器lib
- 包文件OrbitControls.zip
设置相关参数 ```javascript function initControl() { const controls = new THREE.OrbitControls(camera, renderer.domElement);
// 如果使用动画循环渲染,就不需要下面这个方法手动出发重新渲染 // render是定义的渲染方法 controls.addEventListener(‘change’, render);
// 使动画循环使用时阻尼或自转 意思是否有惯性 controls.enableDamping = true;
//动态阻尼系数 就是鼠标拖拽旋转灵敏度(试了下1.5是一个最合适的灵敏度) controls.dampingFactor = 1.5;
//是否可以缩放 controls.enableZoom = true;
//是否自动旋转 controls.autoRotate = true;
//设置相机距离原点的最远距离 controls.minDistance = 1;
//设置相机距离原点的最远距离 controls.maxDistance = 200;
//是否开启右键拖拽 controls.enablePan = true; }
//上面第一个方法的render function render() { renderer.setSize(500, 500) document.body.appendChild(renderer.domElement) renderer.render(scene, camera) } ```