How to control animations on models?

Questions
1

I am trying to make it so that when something happens (like a user presses a key) a certain part of the animation will start. But when I load the model and try to do that it does not work; the model animates in a loop. How can I stop the loop and play a certain part of the animation when the user does something. So far the code I have is:

    BABYLON.SceneLoader.ImportMesh("", "https://raw.githubusercontent.com/lando19/test- 
    assets/main/src/", "scene.gltf", scene, function(newMeshes, skeletons){
    var g = newMeshes[0];
    g.renderingGroupId = 1;
     g.parent = camera;
     g.position = new BABYLON.Vector3(1, -2, 5);
     g.scaling.scaleInPlace(0.05);
     document.body.onclick = function(){
     //the code above does not work :(
     scene.beginAnimation(skeletons[0], 0.297, 1.443, false, 0.8);

    }
    });

Here is a repro:
UPDATE: here is the correct repro: https://playground.babylonjs.com/#MRH1GU#26

2

The skeletons are the 3rd parameter, not the 2nd one of the ImportMesh callback.

Here’s a PG that should do what you want:

https://playground.babylonjs.com/#MRH1GU#27

3

Thank you, but how do you start and stop at a certain frame or time?

4

start is taking a number of optional parameters:

image
image860×275 12 KB

5

Is the to and from key the frame?

6

I think you want to set the from parameter to select the starting frame.

7

OK thank you! I figured it out! One more thing. Some animations have a set animation name. How would I play it by that name?

8

I must say I don’t know the animation sub-system… Have you tried to look at the doc: Introduction to Animations | Babylon.js Documentation (and other chapters)?

9

If you are loading them from a gltf, all the animation groups will be in scene.animationGroups

if you know the name of your animation groups, it should be as easy as:

scene.getAnimationGroupByName("myanimname");
1 Like