Three.js绕其自身轴旋转

Question

我一直在尝试在3D空间中制造一艘宇宙飞船。它直接往前飞。你可以通过翻滚飞船改变方向，并上下倾斜鼻子。

当我改变飞船的Z角时，它会像预期的那样滚动。当我改变飞船的X角时，鼻子上下倾斜。当我做这两件事时，都不像预期的那样起作用。

看来我的宇宙飞船正绕着世界的轴线旋转，而不是我的宇宙飞船的轴线。我的意思是，当一个物体被旋转时，它是轴吗？显然不是。

像往常一样，帮助是非常感谢的。

下面是一个明显不起作用的演示：http://www.timseverien.nl/random/ohnoez/

Answer 1

看看四元数。在ThreeJS中，要查看的类是THREE.Quaternion。

四元数通常用于飞行模拟风格的游戏中，允许你在飞船的局部空间旋转，而不需要“万向节锁”。(这是当你的两个轴变得平行，你失去了一定程度的自由度。)

这是对四元数的一种很好，也很有趣的解释：14.htm

我希望这能让你走上正轨..。

编辑: Isner.com一直处于脱机状态，但我在Wayback机器上找到了上面的教程：14.htm

Answer 2

你不需要理解四元数，只需在这里看一看：

Three.js - Rotating a sphere around a certain axis

不止一个简单的解决方案！