Trouble using Rotation of Babylon.js

Babylon.js Playground URL.

I have 2 meshes (childMesh and parentMesh).
The childMesh is dependent on parentMesh, so when the parentMesh is rotating, childMesh is also rotating.
By the way, the parentMesh is not rotating as I expected even though childMesh is working.
For example, given these parameters, the parentMesh is rotating in a wrong way.
angle = “-720”, x = “0”, y = “0”, z = “1” (// This means that it should rotate 720 degrees in Z axis).

But, with same arguments, it’s working properly in Three.js.
Do I need to know something more about rotation in Babylon.js?

Rotation using Babylon.js

Rotation using Three.js

I am seeing a lot of operations and computations in your playground. Can you simplify the PG to the bare minimum ?

Hi @babylon!

Have you tried sequencing the animation using the The Animation Curve Editor (ACE)?

It is very easy to use, and with a few lines of code you can run your animation, as well as control the speed, loop, when it ends…

2 Likes

Notice that your parent.parent node is “root”. That is hte GLTF thingy which is scaled and rotated.

Hello @Joe_Kerr
Thanks for your reply.
By the way, where can I find the snippet “C0FCME#1” ?

1 Like

Hi @babylon!

  • Open the Inspector Panel
  • Click the Picking button
  • Click on the object
  • Click Edit in Animations Tab

If the Animation Panel appears empty, close the panel, select another object on the scene, click again on your object and click Edit again

@DRLeria ,
Thank you for your kind reply.
Let me try again now.

But, still I can’t find any item or resource named “C0FCME#1” even though you applied it in your code.
How can I find it?

let animations = await BABYLON.Animation.CreateFromSnippetAsync(‘C0FCME#1’);

For everyone, I found the solution for this problem.
For your information, here is the solution link.

2 Likes