Jak mogę obrócić siatkę o 90 stopni w ThreeJS?

Question

Mam siatkę, którą chcę obrócić o 90 stopni wewnątrz trzech JS. Oto obraz obecnej sytuacji:

Chcę, aby wybrana siatka została obrócona równolegle do dużej siatki. Próbowałem obracanie matrycy tak:

matrix = new THREE.Matrix4().makeRotationX(1.57) 

Ale siatka przechodzi w dziwnych rotacji. Czy istnieje łatwiejszy sposób obracania go o 90 stopni?

Answer 1

Załóżmy, że meshToRotate należy obrócić o 90 stopni w osi X. Następnie wykonaj następujące czynności.

 var meshToRotate = new THREE.Mesh(geometry, material); 

     //Rotating mesh by 90 degree in X axis.  
     meshToRotate.rotateX(Math.PI/2); 

Answer 2

threejs rotacja używa radianach (jak zapewne wiesz)

można użyć tego

mesh.rotation.x = Math.PI/2; 

lub

mesh.rotation.set(new THREE.Vector3(0, 0, Math.PI/2)); 

Answer 3

Istnieje funkcja i tworzone i wykorzystywane do obrót w moim projekcie. Możesz obracać obiekt za pomocą tej funkcji.

function rotateObject(object,degreeX=0, degreeY=0, degreeZ=0){ 

    degreeX = (degreeX * Math.PI)/180; 
    degreeY = (degreeY * Math.PI)/180; 
    degreeZ = (degreeZ * Math.PI)/180; 

    object.rotateX(degreeX); 
    object.rotateY(degreeY); 
    object.rotateZ(degreeZ); 

} 


//such as rotating a plane ojbect 

rotateObject(myPlane, 40, 30 ,20);