Three.js 沿自己的特定轴设置相机（或 Object3D）旋转角度

Question

我正在使用 Three.js。 我有一个可以通过以下方式移动和旋转的相机：

• camera.translateX()：左/右移动
• camera.translateZ()：前进/后退
• camera.rotateY(): 左右旋转
• camera.rotateX(): 上下旋转

经过一些移动和旋转后，我想重置相机的上/下旋转（即它既不会看天空也不会看地板）使其水平观看，同时保持当前的左/右旋转和位置。

我的问题是如何获得 camera.rotateX() 的正确值？ 或者有什么方法可以指定它应该旋转到的确切角度？

我尝试过camera.quaternion.setFromAxisAngle()，但这似乎不是我想要的，因为它还会更改/设置相机的左/右旋转。

Answer 1

您的相机旋转发生在它自己的坐标系中，而不是在世界坐标系中。这就是为什么使用 camera.rotateY() 您可以相对于您的位置向左和向右旋转，无论它是什么。您当前的方向由Euler angles 表示，这是三个连续旋转。在您的每个旋转轴都与您一起旋转之后。

您可以尝试通过设置 camera.rotation.order = "YXZ"; 来更改旋转顺序，然后设置 camera.rotation.y = 0。

还知道向量 a = camera.position 和 b = camera.getWorldDirection() 您可以使用 camera.lookAt(b.x, a.y, b.z)。

希望这会有所帮助。 还有一些工作示例可以提供帮助：FirstPersonControls、PointerLockControls。