旋转一个简单的立方体两次

时间:2014-10-17 23:09:30

标签: javascript three.js blender

我在Blender 3d上有一些经验,但在3d编程方面几乎没有,我现在正尝试使用three.js

我的问题是:我有一个简单的立方体,我围绕y-axis旋转;然后我需要在y-axis周围再次旋转它,但好像轴也旋转了一样。在Blender上,我会按RKEY两次。

我第一次使用旋转:cube.rotation.y += Math.PI*.5;

我怎么能在Three.js中做到这一点?我也尝试了一些矩阵变换,但我可以完成。

-

@muimota帮我一个小伙子,然后我在下面完成我的解释:

感谢@muimota,这个例子将帮助我解释我想要做的事情!这是一个changed fiddle,有一个更清晰的解释:立方体旋转了两次(y和z),然后在y axis上无限旋转。我要做的是让它始终与其中一个面平行旋转 - 就像第一次旋转与其顶面平行一样。

1 个答案:

答案 0 :(得分:2)

如果你每一帧旋转立方体90º它看起来会一样,你可能认为它没有旋转(但确实如此)。

这是一个例子: http://jsfiddle.net/Lbabobdx/

function render() {

  //ROTATES 90º every frame looking the same
  mesh.rotation.y += Math.PI/2;

  renderer.render(scene, camera);
}