四、相机控件OrbitControls

1.OrbitControls本质

orbitControls本质上就是改变相机的参数，比如相机的位置属性，改变相机位置也可以改变相机拍照场景中模型的角度，实现模型的360度旋转预览效果，改变透视投影相机距离模型的距离，就可以改变相机能看到的视野范围。可以通过相机控件OrbitControls实现旋转缩放预览效果。

• 旋转：拖动鼠标左键
• 缩放：滚动鼠标中键
• 平移：拖动鼠标右键

2. 引入扩展库OrbitControls.js

// 引入相机控件轨道控制器扩展库OrbitControls.js
import { OrbitControls } from "three/addons/controls/OrbitControls.js";

3.使用OrbitControls

  //   创建一个相机控件对象
  const controls = new OrbitControls(camera, renderer.domElement);
  controls.addEventListener("change", () => {
    renderer.render(scene, camera); //执行渲染操作
  });

4.效果展示