Search code examples
javascriptphaser-framework

Phaser 3: Play animation after previous animation finished

I tried playing an animation after the previous animation is finished using the animationcomplete event. However that event seems to trigger on the animation inside the event itself as well, causing an endless loop.

How can I play two subsequent animations instead?

character.sprite.play("ball_out").on('animationcomplete', () => {
    character.sprite.play("feather_in");
});
Solution

  • Apparently using

    character.sprite.play("ball_out").once('animationcomplete', () => {
   character.sprite.play("feather_in");
});

    fixed the issue! (Note the once in lieu of on)