Hello, I have 3 integers as input which correspond to degree values. I want to use these to rotate a 3D object in React-Three-Fiber. Everything works fine, but the rotation order is such that if I rotate the object, the local axis does not move along. This is unfortunate as there can be first an X-…

In your example you shows setting of the three angles at once. If you want to modify angles individually, and in any order, this is also possible. In mannequin.js I resolve this problem by reordering. This is, I do not know in what order the user wants to rotate an element, so before accessing a ro…

While waiting for an answer from React-Three-Fiber experts (I am not!), check the following: when rotations in Three.js are defined with angles, they are Euler angles consisting of three angles and order of rotation. By default the order is XYZ, but you can change it to ZYX, YXZ or any other combina…

Hey, thats an interesting insight, thanks! Unfortunately, I want the order of rotation to be completely independent as I can not predict when the user will make which rotation first and I thought that the solution might be to rotate the axis for each rotation along. Maybe my thoughts are wrong, so s…

Thanks, I will look into these! I will start with Quaternion as also suggested by @hofk ! I also edited my post with examples if this may help, but thank you already anyway!

Thank you! I will look into this. Quaternion seems like a big topic as I could not really grasp it really fast, but I will try doing so now. I edited my post with examples, so it would be wonderful if you could tell me if I am on the right path with Quaternion, but already thanks anyway!

In this example from the collection , I use quaternions. Maybe you can experiment with it to understand it better: FlightRouteQuaternion

Rotate object with its own local axis

Questions

hofk March 19, 2023, 9:46am 5

Maybe this can help you with that?
Quaternion - Axis, Angle Visualization
Quaternion - method .setFromBasis( e1, e2, e3 )

Topic		Replies	Views
Local axis object rotation Questions animation	2	1172	December 11, 2023
The axis of rotation needs to be fixed, not moving with every object Questions	6	108	June 25, 2026
Drei useAnimations, the ref, and rotation.reorder Questions react-three-fiber , drei	1	1561	May 10, 2022
Update object state and axis whenever the rotation happened Questions animation , rotation , object	6	2914	November 6, 2020
Help with rotations Questions rotation	6	186	October 11, 2024

Rotate object with its own local axis

Related topics