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…

[image] PavelBoytchev: implement rotation via quaternion Maybe this can help you with that? Quaternion - Axis, Angle Visualization Quaternion - method .setFromBasis( e1, e2, e3 )

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

lightsandshadows March 19, 2023, 1:55pm 6

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!

Topic		Replies	Views
Local axis object rotation Questions animation	2	1151	December 11, 2023
Drei useAnimations, the ref, and rotation.reorder Questions react-three-fiber , drei	1	1548	May 10, 2022
Update object state and axis whenever the rotation happened Questions animation , rotation , object	6	2892	November 6, 2020
Help with rotations Questions rotation	6	161	October 11, 2024
I can not rotate object around it local space Questions geometry	13	1459	June 22, 2022

Rotate object with its own local axis

Related topics