三个.js的旋转方向或旋转方向

JBC*_*BCP 1 javascript rotation three.js

我注意到当我围绕Z轴旋转我的模型时,像这样:

model.rotateZ(rotatedAngle * Math.PI / 180);
Run Code Online (Sandbox Code Playgroud)

它似乎围绕轴逆时针旋转.

  • 这个观察结果准确吗?
  • 这是在某处记录的吗?我找不到它,也许我使用了错误的搜索词.
  • 这是可配置的吗?
  • 最重要的是,管理轮换的最佳做法是什么?

Wil*_*ilt 8

Three.js使用右手系统,这意味着逆时针是默认旋转.请参阅此处了解所有轮换规则......

来源:https://en.wikipedia.org/wiki/Right-hand_rule

离开左手系统(顺时针),右手右手系统(逆时针)

因此,向角度添加一些东西会逆时针旋转,并且顺时针旋转一些东西.

function rotate(){
    mesh1.rotation.z += 0.01;  // rotates counter clockwise
    mesh2.rotation.z -= 0.01;  // rotates clockwise
}
Run Code Online (Sandbox Code Playgroud)

这是一个小提琴演示

  • 需要澄清的是,答案图像中显示的坐标系不是 THREE.js 的坐标系。THREE.js 是 y+ = 向上,z- = 向前,x+ = 向右。这对于右手坐标系来说是非常典型的。如图所示,z+ = 向上,y+ = 向前,x+ = 向右。 (4认同)
  • 谢谢!我希望在三元组文档中更容易找到它。 (2认同)