Stop animation

[REOREV]

Hello,

I try to stop an animation at the end of this one but actually I have 2 issues:
either the animation is looping or the animation back to the begining of this animation.

Thanks for your help

[elalish]

You can call pause() after a timeout if you want it to play once. Is that what you want?

[Cebolitoss]

I'm having the same issue, could you fix it?

At the first time I hit the animation button, it runs in loop, at the next hits, it stop, but sometimes it stop at the last frame of the animation, and sometimes it backs to the first frame and stop there, in the first one.

And when I have two animations, they run together and it makes just a mess

[bigrig2212]

Hi - the finished event listener doesn't seem to be working. here's my function. See anything fishy there?

CreateNPCSimple.prototype.changeBuilderAnimation = function(animation, id) {
    let modelViewer = document.querySelector('#'+id);
    modelViewer.animationName = animation;
    //if animation is death, pause all animations at the end of one loop
    if (animation == 'death') {
        this.mlog.log('CreateNPCSimple-changeBuilderAnimation - DEATH', {}, 6); 
        modelViewer.addEventListener('finished', () => {
            this.mlog.log('CreateNPCSimple-changeBuilderAnimation - DEATH - ANIM FINISH', {}, 6); 
            modelViewer.pause();
        });
    } else { 
        modelViewer.play();
    }
}

[elalish]

Not sure about the event, but have you tried a simpler approach? modelViewer.play({repetitions: 1}) https://modelviewer.dev/docs/#entrydocs-animation-methods-play

[bigrig2212]

Beautiful. There was one more piece needed to get it to work, but it's great now.

modelViewer.animationName = animation;
 await modelViewer.updateComplete;
 modelViewer.play({repetitions: 1})

Thanks for your helo.