three.js 回転軸を指定して回転させたい

Question

正八面体があります。
※おそらく通常のオブジェクトでも同様だと思います。

この正八面体のある面（つまり三角形）を中心にぐるぐると回転させたいのです。

しかし通常のオイラー角の回転では、面ではなく頂点部分を軸に回転していきます。

面の中心（座標は把握しています）、で回転させる方法はありますでしょうか？

Answer 1

何らかの透明オブジェクトの頂点が、回転中心にしたい座標にあれば、ソコを目印に回転中心にできるのでは?

Comments

[firstbiz]

つまり、透明オブジェクトを用意してそこに「子」として緑のオブジェクトを配置。透明オブジェクトは回転させて頂点を緑の面の中心にくるようにして、透明オブジェクトを回転ですね。
なるほど、とりあえずやってみます。

[hectopascal1013]

すいません。こちらで試したわけではないですので定かではありません。透明オブジェクトも、回転させることで回転が視界に入るじゃまになるかもしれませんので。。。もし駄目だったらご愛嬌で。。

[firstbiz]

グループ（透明オブジェクト）の問題は、そのグループの移動と傾き（緑の面の中心に適切に来るように）が、子オブジェクトにも影響して、移動＆傾いてしまうことですが、そこは逆移動と逆傾きで対応してみます。