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

Question

我正在使用Three.js（没有着色器，只有现有的对象方法）来实现动画，但我的问题很简单：我确定它是可能的，但你能告诉我（或帮助我）我该怎么办？在形状上组合几个动画？ 例如，旋转和平移球体。 当我在做的时候：

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

球体旋转但平移矢量也在旋转，因此平移无效。 我知道一些openGL，并且我已经使用过glPushMatrix和glPopMatrix函数，所以它们存在于此框架中吗？ 干杯

Answer 1

每个three.js对象3D都有position ， rotation和scale ; 旋转（始终相对于其原点或“中心”）定义其自己的局部轴坐标（例如，对象看作其自己的“前，上，右”方向），当您调用translateZ ，对象将根据那些本地方向（不是沿着世界 - 或父 - Z轴）。 如果要稍后使用，请three.sphere.position.z += 1 。

Answer 2

转换顺序很重要。 如果先先翻译然后旋转，则得到的结果与先先翻译然后翻译的结果不同。 当然，对于球体，很难看到旋转。