Three.js: 가장자리를 중심으로 큐브를 회전합니다.

에 만든 2012년 02월 05일 · 5코멘트 · 출처: mrdoob/three.js

안녕하세요, 여러분!

나는 이미 임의의 축을 중심으로 한 회전에 대해 묻고 있었고 # 1219 및 # 1220에 명확한 답변을 게시했습니다.

그러나 가장자리 중 하나를 중심으로 큐브를 회전하는 방법은 아직 명확하지 않습니다 (존재하는 경우 누구나 이러한 코드를 공유 할 수 있음).

# 1219에는 두 가지 기능이 게시되었습니다.

function rotateAroundObjectAxis( object, axis, radians ) { .. }

과

function rotateAroundWorldAxis( object, axis, radians ) { .. }

경계 상자의 중심을 통과하는 임의의 축을 중심으로 큐브를 회전 할 수 있습니다.

내가 필요한 것은 객체의 중심을 통과하지 않아도되는 임의의 축을 중심으로 객체를 회전하는 것입니다.

올바르게 수행하는 방법은 무엇입니까?

죄송합니다. 조금 짜증나지만 그러한 기능을 구현하고 싶습니다.

감사.

추신 : 다음과 같은 기능이 필요한 것 같습니다.

function rotateAroundArbitraryAxis (object, axisDirection, axisBasePoint, radians) {..}

axisBasePoint는 지정된 축이 통과하는 지점을 의미합니다.

나는 인터넷에서 그러한 순환이 여러 단계로 이루어져야한다고 읽었습니다.

회전 축이 원점을 통과하도록 공간을 변환합니다.
Z 축을 중심으로 공간을 회전하여 회전 축이 XZ 평면에 놓 이도록합니다.
Y 축을 중심으로 공간을 회전하여 회전축이 Z 축을 따라 놓 이도록합니다.
Z 축을 중심으로 Theta로 원하는 회전을 수행합니다.
단계 (3)의 역을 적용하십시오.
단계 (2)의 역을 적용합니다.
단계 (1)의 역을 적용합니다.

나는 그것을 정확하게 이해하고 있습니까?

three.js로 이러한 작업을 수행하는 방법은 무엇입니까?

three.js에서 서로 다른 (번역 / 회전) 행렬을 곱하려고 시도했지만 원하는 결과를 얻지 못했습니다.

감사합니다.

Question

출처

ghost

가장 유용한 댓글

이런 건 어때?

var dummy = new THREE.Object3D();
dummy.position.x = 50;
dummy.position.z = 50;
scene.add( dummy );

var cube = new THREE.Mesh( new THREE.CubeGeometry( 100, 100, 100 ), new THREE.MeshBasicMaterial() );
cube.position.x = - 50;
cube.position.z = - 50;
dummy.add( cube );

mrdoob 에 2012년 02월 06일

👍3

모든 5 댓글

이런 건 어때?

var dummy = new THREE.Object3D();
dummy.position.x = 50;
dummy.position.z = 50;
scene.add( dummy );

var cube = new THREE.Mesh( new THREE.CubeGeometry( 100, 100, 100 ), new THREE.MeshBasicMaterial() );
cube.position.x = - 50;
cube.position.z = - 50;
dummy.add( cube );

mrdoob 에 2012년 02월 06일

👍3

답장을 보내 주셔서 감사합니다.

불행히도 예제의 큐브는 내가 부르는 것과 상관없이 중심을 통과하는 로컬 축을 중심으로 여전히 회전합니다.

function rotateAroundObjectAxis( object, axis, radians ) { .. }

또는

function rotateAroundWorldAxis( object, axis, radians ) { .. }

제가 정말로 알고 싶은 것은 특정 물체의 회전축을 이동하는 방법입니다.

감사합니다.

ghost 에 2012년 02월 06일

큐브 대신 더미 / 컨테이너를 회전 해 보셨습니까?

oosmoxiecode 에 2012년 02월 06일

좋은 지적. 이런 식으로 작동합니다.

그러나 왜 그렇게 간단하지 않은가 :-)?

나는 내가 초기 포스트에서 제안한 기능이나 더 편리한 것을 사용하여 몇 가지 행렬 산술이어야합니다.

function rotateAroundArbitraryAxis( object, axisDirection, axisBasePoint, radians ) { .. }

axisBasePoint는 지정된 축이 통과하는 지점을 의미합니다.

감사합니다.

ghost 에 2012년 02월 06일

@oosmoxiecode 앗 ! 그래, 내 스 니펫에서 잊어 버렸어.

@Landlord 글쎄, 그것은 나에게 간단합니다. 그것은 심지어 행렬 지식을 필요로하지 않습니다;) 나는 단지 다르게 생각하는 문제라고 생각합니다. 어느 쪽이든, 내부적으로 동일한 행렬 계산이 일어나고 있습니다.

mrdoob 에 2012년 02월 06일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Three.js: 가장자리를 중심으로 큐브를 회전합니다.

가장 유용한 댓글

모든 5 댓글

관련 문제