How can I rotate a mesh by 90 degrees in ThreeJS?

javascript matrix 3d rotation three.js
Zaay picture Zaay · Apr 28, 2015 · Viewed 82.5k times · Source

I have a mesh that I want to rotate by 90 degrees inside Three JS. Here is the image of the current situation: enter image description here

I want the selected mesh to be rotated parallelly to the large mesh. I have tried rotating the matrix like this:

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

But the mesh goes into strange rotations. Is there any easier way to rotate it by 90 degrees ?

Answer

Absulit picture Absulit · May 10, 2015

The threejs rotation uses Radians (as you might know)

you can use this

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

or

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

Related questions

Transposing a 2D-array in JavaScript

I've got an array of arrays, something like: [ [1,2,3], [1,2,3], [1,2,3], ] I would like to transpose it to get the following array: [ [1,1,1], [2,2,2], [3,3,3], ] It's not difficult to programmatically do so using loops: function transposeArray(array, arrayLength){ var newArray = []; for(var i = 0; i < array.…

Read More
Multiply 2 matrices in Javascript

I'm doing a function that multiplies 2 matrices. The matrices will always have the same number of rows and columns. (2x2, 5x5, 23x23, ...) When I print it, it doesn't work. Why? For example, if I create two 2x2 matrices: matrixA: [1][2] [3][4] matrixB: [5][6] [7][8] …

Read More
Swap rows with columns (transposition) of a matrix in javascript

For instance I have a matrix like this: |1 2 3| |4 5 6| |7 8 9| and I need it to convert into a matrix like this: |1 4 7| |2 5 8| |3 6 9| What is the best and optimal way to achieve this goal?

Read More