THREE.js 3D 원에서 회전 위치를 계산하는 방법은 무엇입니까?

Question

아래 이미지에서 알 수 있듯이 간단한 큐브가있는 THREE.Scene입니다. 큐브에 부착 된 것은 물리학을위한 CANNON.Body입니다 (녹색 와이어 프레임으로 표시됨).

CANNON.Body

은 단위의 부부 큐브에서 오프셋. 회전의 경우이 오프셋은 반경이됩니다.

내가 큐브를 회전

, 나는 CANNON.Body가 각도 및 반경에 따라 큐브 중심으로 회전하고 싶다. 이미지의 오른쪽에 나는 큐브를 각도과 45도 회전 시켰습니다 (또한 라디안을 사용할 수 있습니다). 그러나, CANNON.Body는 오직 자신의 중심을, 주위 에게 큐브를 회전하지 않습니다. 주위에 모든 축에 대한 큐브 x, y 및 z을 회전해야합니다.

THREE.js의 내장 함수가 아니면 나는이에 대한 내 자신의 수학 방정식을 사용해야합니까? 그렇다면 무엇이겠습니까?

감사합니다!

P.S. 순수한 솔루션을 보았습니다 THREE.js 피벗 포인트를 조작하기 위해 지오메트리가 변환되는 장면입니다. 내 CANNON.Body에 지오메트리가 없기 때문에이 작업을 수행 할 수 없습니다.

Answer 1

나는 cannonjs와 함께 일한 적이 없지만, Three.Group에 큐브와 리지드 바디를 추가 할 수 있었습니까? 당신은 부모 요소를 모델을 회전하면

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); 

이 방법처럼의 강체는 같은 방법으로 업데이트해야합니다.