세계 공간에서 오브젝트 매치 매트릭스 - Three.js

Question

세계 공간에서 오브젝트를 조작하는 올바른 방법을 배우려고합니다. 테스트로서 나는 큐브를 만들고 임의의 벡터에서 큐브의 각 꼭지점으로 몇 개의 선을 그립니다.

을하지만 난 큐브를 회전 할 경우, 다음 줄은 더 이상 정점을 일치하지 :

내가 어떤 방법으로 큐브를 변경하지 않으면 다음 라인은 잘 정점에 충돌

은 분명히 내가 큐브를 회전하고 나는이 같은 양만큼 선을 회전 할 수 있습니다 알고 있지만, 나는이 작업을 수행하는 행렬이나 벡터를 조작해야한다 알고있다.

누구나이 두 가지 객체를 회전시키지 않고도 이와 같은 일반적인 문제에 어떻게 접근해야하는지 설명 할 수 있습니까?

// scene.add(line); 
cube.add(line); 

를하지만, 경우 : 편의를 위해

나는

Answer 1

방금 ​​큐브에 대신 현장에 줄을 추가하는 데 필요한 코드를 회전 할 수있는 라인을 원하는 경우 jsfiddle to play with이 원하는 것은 선의 원점을 같은 위치에 유지하고 대신 선의 끝을 업데이트하는 것입니다.

cube.updateMatrixWorld(); // make sure that cube.matrixWorld is updated. 

for(var i = 0; i < 8 ;i++){ 
    var vertex = cube.matrixWorld.multiplyVector3(cube.geometry.vertices[i].clone()); 
    lineGeometry.vertices.push(vertex); 
    lineGeometry.vertices.push(lineStart); 
}