How to play animations consecutively?

[moritzlang]

Hi,
I want to play animations consecutively. Here is a little sketch of what I basically want to achieve:

The cube should move from one position to another using animation clips.

Currently I am playing animations like this:
this.action = this.mixer.clipAction(clip)
this.action.reset()
this.action.timeScale = 1
this.action.setLoop(THREE.LoopOnce)
this.action.clampWhenFinished = true
this.action.play()

Using clamp to stop the cube at the last keyframe. But this will break the animations because:

@Mugen87

setting AnimationAction.clampWhenFinished to true will only pause the animation on its last frame meaning it still influences the model.

How can I play animations one after another without using clampWhenFinished to stop at the last position of the animation?

Thank you for your help!

[Mugen87]

If I understand you correctly, you want to play a sequence of animations. If the keyframes are correctly configured, you should be able to use this approach:

GLTF Animations Automatic

Hi all, if we have a .glb with more than one animation and we want them to show one behind the other in a row in an automatic way, how could we do it ?, that is, if we load the animations and give each one .play () , will be reproduced at the same time, however if we want to reproduce for example, the 1, when it finishes, then the 2, etc. … automatically, that is to say without using .startAt (). It does not matter how long the animation lasts, simply that when one is finished, continue with the…

Meaning you listen to the finish event of you animation mixer in order to know when an action has finished its playback. You can then start the next animation in you chain.

[idrm92]

I have the same problem. If I understand you. You use

 animation.clamWhenFinished = true

because you need that the end of animation continue in the second animation, and you see jumps when you try to changes beetwen animations. I use the next:

animation1.crossFadeTo( animationnext, 0.2 )

You need put this and you don´t see the diferents but you don´t have jumps. In my case i make a counter to can make the changes 1-2, 2-3, 3-4, 4-1 and only need.

animation.reset()

but i use reset() because the time animations were diferents. I hope that this help you