创建轨道控制器来实现360度的查看物体，让相机围绕立方体运动，就像地球围绕太阳一样运动，去观察立方体。
1创建轨道控制器
参数：
1.相机，相机围绕目标运动。默认目标是原点。立方体在原点处。
2.渲染的画布dom对象，用于监听鼠标事件控制相机的围绕运动
// 导入轨道控制器
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
// 创建轨道控制器
const controls = new OrbitControls(camera, renderer.domElement);
2.每一帧根据控制器更新画面
因为控制器监听鼠标事件之后，要根据鼠标的拖动，来控制相机围绕目标运动，并根据运动之后的效果，显示出画面来。为了保证画面流畅渲染，选择使用请求动画帧requestAnimationFrame，在屏幕渲染下一帧画面时触发回调函数来执行画面的渲染。
// 每一帧根据控制器更新画面
function render() {
//如果后期需要控制器带有阻尼效果，或者自动旋转等效果，就需要加入controls.update()
controls.update()
renderer.render(scene, camera)
// 渲染下一帧的时候就会调用render函数
requestAnimationFrame(render)
}
render()
这里提到的 requestAnimationFrame 是浏览器专门为动画提供的API，运行的时候会自动优化地方的调用，如果页面没有激活状态下动画会自动暂停，有效节省CPU的开销，提高性能改善视觉效果
