how to rotate around x axis and then y axis using quaternions

Question

I want to apply rotation to an object around it's x axis 90 degrees first, and then around it's y axis 90 degrees. How can I do that in three.js?

I tried

mesh.rotation.x = Math.PI * 0.5;
mesh.rotation.y = Math.PI * 0.5;

but it doesn't rotate as I wanted.

but it doesn't rotate as I wanted what was expected, what was the actual? Looks like you can use this to maybe rotate two axies at once? — Matt Clark
– Matt Clark, Commented Apr 30, 2019 at 2:20
think of axises like global don't change, i want to rotate the object around x axis, and then around y axis. It's pretty easy to visualize. But I guess rotating first on x axis changes it's local axises so i can't rotate around global y axis again. — eguneys
– eguneys, Commented Apr 30, 2019 at 2:40
Is using quaternions a requirement? Is the mesh rotated to begin with? Make sure your question is clear as to global or local axes. Study the Object3D methods. — WestLangley
– WestLangley, Commented Apr 30, 2019 at 3:05
Possible duplicate of How to rotate a 3D object on axis three.js? — Bardi Harborow
– Bardi Harborow, Commented Apr 30, 2019 at 10:45

srj · Accepted Answer · 2019-04-30 12:15:48Z

2

We can achieve like this,

mesh.rotateX(Math.PI * 0.5);
mesh.rotateY(Math.PI * 0.5);

answered Apr 30, 2019 at 10:39

srj

414 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1