「部門/Three.js/回転」の編集履歴（バックアップ）一覧に戻る

部門/Three.js/回転 - (2013/01/31 (木) 01:39:14) の編集履歴(バックアップ)

---

Three.jsで物体を回転させるときに最もよく使われるのはオイラー角のもよう。オイラー角の定義は

• オイラー角 - Wikipedia
• Euler Angles -- from Wolfram MathWorld

にあるような感じで、ふつうはこれと同じようにz-x-zの順で回転すると思うんだが（ランダウの力学の定義もこうだったと思う）、

• ロテーションについて - webgl - three.js

によるとx-y-zの順で回転するらしい。別の定義でオイラー角を計算し直すのはめんどうなので、Three.jsのほうでなんとかしてくれませんか。上のリンクからeulerOrder()というメソッドを使えばいいとわかっても引数をどうすればいいのか不明だったのだけど、そのままだった。

object.eulerOrder('XYZ');

のようにする。（例えば、Streaming data from Blender into Three.js (WebGL+Websockets)に載ってた。）

ちなみにROOTにおける回転は、
TRotation
にあるようにz-x-zの順。

参考リンク

• ロテーションについて - webgl - three.js
• クォータニオンによる視点の移動 （WebGL（Three.js））
• three.jsでの　物体の座標軸回転 - jsdo.it - Share JavaScript, HTML5 and CSS