1.创建控制器

控制视口的旋转

function createControls() {
  //创建控件对象  相机对象camera作为参数   控件可以监听鼠标的变化，改变相机对象的属性
  controls = new OrbitControls(camera, renderer.domElement);
  controls.target.set(0, 0, 0);
  controls.enableDamping = true;
  controls.enablePan = false;
  controls.enableZoom = false;
  // 控制旋转角度
  // 垂直旋转角度限制
  // controls.minPolarAngle = 1.2;
  // controls.maxPolarAngle = 1.8;
  // // 水平旋转角度限制
  // controls.minAzimuthAngle = -0.6;
  // controls.maxAzimuthAngle = 0.6;
  //监听鼠标事件，触发渲染函数，更新canvas画布渲染效果
  controls.addEventListener("change", () => {
    renderer.render(scene, camera);
  });
}