如何旋转对象并将其旋转重置为零?

Mix*_*OID 1 html javascript canvas three.js

周转的问题是轴附着在地质中.

现在:__ http://f2.s.qip.ru/cMfvUhEy.png

现在(旋转):http://f3.s.qip.ru/cMfvUhEC.png

必要(轮换):http://f1.s.qip.ru/cMfvUhEG.png

Wes*_*ley 11

mesh.rotation.x = Math.PI / 180 * 90;
Run Code Online (Sandbox Code Playgroud)

设置旋转,它不会增加它.

在three.js中,对象的方向可以由其Euler旋转向量指定object.rotation.旋转矢量的三个分量表示分别围绕对象的内部x轴,y轴和z轴的弧度旋转.

执行旋转的顺序由下式指定object.rotation.order.默认顺序为'XYZ' - 首先围绕x轴旋转,然后是y轴,然后是z轴.

相对于对象的内部坐标系执行旋转- 而不是世界坐标系.这个很重要.因此,例如,在发生x旋转之后,对象的y轴和z轴通常不再与世界轴对齐.以这种方式指定的旋转不是唯一的.

有关欧拉角的更多信息,请参阅维基百科文章.正如文章中所解释的那样,Three.js遵循Tait-Bryan惯例.

编辑:如果要"重置"旋转,请参阅此答案.

three.js r.73