three.js镜头控制器

three.js 提供了一些镜头控制器用于控制场景中的镜头，使用户能够通过鼠标和键盘等输入设备来改变场景中的视角。

以下是 three.js 中常用的镜头控制器：

1. OrbitControls：用于旋转镜头、缩放和平移场景。
2. FlyControls：用于飞行模拟，可以控制相机的位置和方向。
3. PointerLockControls：用于在场景中锁定鼠标指针并控制相机。
4. FirstPersonControls：用于第一人称视角，在场景中移动和旋转相机。

这些控制器都可以通过引入 three.js 库中的相应文件来使用。例如，使用 OrbitControls 镜头控制器的代码如下：

// 实例化 OrbitControls
const controls = new THREE.OrbitControls(camera, renderer.domElement);

// 设置控制器参数
controls.enableDamping = true; // 启用阻尼效果
controls.dampingFactor = 0.05; // 阻尼系数
controls.rotateSpeed = 0.1; // 旋转速度
controls.zoomSpeed = 0.5; // 缩放速度
controls.panSpeed = 0.2; // 平移速度

// 渲染循环中更新控制器状态
function animate() {
    requestAnimationFrame(animate);
    controls.update(); // 更新控制器状态
    renderer.render(scene, camera);
}
animate();

这样就可以使用 OrbitControls 镜头控制器来控制场景中的镜头了。其他的镜头控制器也可以类似地使用。