javascript - 将旋转和平移与 three.js 结合起来

Question

我正在使用 Three.js(没有着色器，仅使用现有对象方法)来实现动画，但我的问题很简单:我相信这是可能的，但你能告诉我(或帮助我)吗我应该如何在一个形状上组合多个动画？例如，旋转和平移球体。当我在做的时候:

three.sphere.rotation.y += 0.1;
three.sphere.translateZ += 1;

球体旋转但平移向量也在旋转，因此平移没有效果。我知道一点 openGL 并且我已经使用过 glPushMatrix 和 glPopMatrix 函数，那么它们存在于这个框架中吗？干杯

Answer 1

每三个.js object3D有一个position，rotation 和scale；旋转(总是相对于它的原点或“中心”)定义了它自己的局部轴坐标(比如，对象看到的是它自己的“前、上、右”方向)以及当你调用 translateZ ，对象将根据这些局部方向移动(而不是沿着世界或父 Z 轴)。如果您想要后者，请改为执行 three.sphere.position.z += 1。