threejs的OrbitControls的用法

Three.js的OrbitControls是一个交互式控制器，可以让用户通过鼠标或触摸屏轻松地旋转、缩放和平移3D场景。以下是OrbitControls的用法：

1. 在HTML文件中导入Three.js和OrbitControls.js文件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/controls/OrbitControls.min.js"></script>

2. 在JavaScript文件中创建OrbitControls对象并将其添加到场景中：

var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var controls = new THREE.OrbitControls(camera);
controls.update();
scene.add(camera);

3. 在动画循环中更新OrbitControls：

function animate() {
    requestAnimationFrame(animate);
    controls.update();
    renderer.render(scene, camera);
}

现在你可以通过鼠标或触摸屏来旋转、缩放和平移场景了。如果你想更改控制器的一些属性，比如缩放速度或旋转灵敏度，可以在创建控制器时传递一个选项对象：

var controls = new THREE.OrbitControls(camera, renderer.domElement, {
    zoomSpeed: 2,
    rotateSpeed: 0.5,
    panSpeed: 1,
    enableDamping: true,
    dampingFactor: 0.2
});

以上是OrbitControls的基本用法，希望能对你有所帮助。