关于threejs中鼠标左右移动,左动看右边,右动看左边

点击查看代码
// 鼠标按下
  mousedownFn = () => {
    this.isMouseTouching = true // 鼠标已经按下
  }
  // 鼠标移动
  mousemoveFn = (e) => {
    if (this.isMouseTouching) { // 只有按下时进入此逻辑代码
      // 旋转核心思想:在原有的旋转角度基础上,新增移动的偏移量,乘以 0.01 让旋转弧度降低
      // rotateY() 在上一次旋转的角度上继续新增你传入的弧度数值
      // rotation.y = 直接赋予一个旋转的最终弧度数值
      console.log(1)
      this.camera.rotateY((this.prePos - e.clientX) * 0.01)
    }

    this.prePos = e.clientX
  }
  // 鼠标抬起
  mouseupFn = () => {
    this.isMouseTouching = false
    this.prePos = undefined // 清空上一次记录的坐标点位置
  }
posted @ 2023-11-17 23:00  jialiangzai  阅读(203)  评论(0)    收藏  举报