526互联

three.js中某个物体跟随camera进行旋转

发布时间 2023-04-11 10:44:32作者: 奥托
const camera = useThree().camera;
const borderRef = useRef();

useFrame(()=>{
  //通过反正切函数，获得在Y轴旋转的角度。由欧拉角定义可如此设置。
  borderRef.current.rotation.y = Math.atan2(camera.position.x,camera.position.z);
})

让玩家Object的朝向与摄像机相同，只需要通过反正切函数，将从摄像机射出的方向向量转化为欧拉角即可。