THREE.js 3D円の回転位置を計算する方法は？

Question

下の画像に示すように、私はTHREE.Sceneに単純な立方体を使用しています。キューブにはCANNON.BodyのPhysics（緑のワイヤフレームで表される）が添付されています。

CANNON.Bodyは、キューブから2〜3単位オフセットされています。回転の場合、このオフセットはの半径になります。

私はキューブを回転させたとき、私はCANNON.Bodyが角度と半径に基づいてキューブの周りを回転します。画像の右側に、の角度（私もラジアンがあります）の立方体を回転させました。しかし、CANNON.Bodyはの周りにの周りを回転せず、その周りのみがキューブです。私は回転する必要がありますのすべての軸のキューブx、yとzです。

THREE.jsには組み込み関数がありますか、それとも自分の数式を使用する必要がありますか？もしそうなら、それは何でしょうか？

ありがとう！

P.S.私は純粋な解決策を見てきましたTHREE.jsピボットポイントを操作するためにジオメトリが変換されるシーン。私はCANNON.Bodyにジオメトリがないので、これはできません。

Answer 1

私はcannonjsで仕事をしたことはありませんでしたが、Three.GroupにCubeとRigid Bodyを追加することは可能でしたか？あなたは親要素モデルを回転させる場合

var rigidBody = new CANNON.Body(); // whatever it is for cannon 
var model = new THREE.Group(); 

// your model goes here 
model.add(new THREE.Mesh(
    new THREE.BoxGeometry(1,1,1), 
    new THREE.MeshStandardMaterial() 
)); 

model.add(rigidBody); 
scene.add(model); 

同様

この方法で、剛体は、同じように更新する必要があります。