关于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 // 清空上一次记录的坐标点位置
}
本文来自博客园,作者:jialiangzai,转载请注明原文链接:https://www.cnblogs.com/zsnhweb/p/17839874.html

浙公网安备 33010602011771号