createFromAseprite() consecutively

[yahoai]

I am using Phaser version 3.55.2 and there is a bug where only one animation exists when the createFromAseprite function is used consecutively.

For example:

const BodyTags = s.anims.createFromAseprite("Body");
const HeadTags = s.anims.createFromAseprite("Head");

console.log(BodyTags[0].frames[0], HeadTags[0].frames[0]);

When used like this, the output is as shown in the screenshot. How can I fix this issue?

[photonstorm]

I need the assets to reproduce this, because it doesn't happen with the files I've got in the Phaser 3 Examples repo.

[yahoai]

A sample asset file has been included. An "Idle" animation exists.
It is being loaded and used as follows:

scene.load.aseprite(
      "Head",
      "aseprite/player/test/MainChrHead.png",
      "aseprite/player/test/MainChrHead.json"
    );

    scene.load.aseprite(
      "Body",
      "aseprite/player/test/MainChr.png",
      "aseprite/player/test/MainChr.json"
    );

Please check it. Thank you.

Archive.zip

[photonstorm]

The problem is that both of your frameTags are called Idle and you're trying to add these to the same Sprite. So the second time you do it (with Head) it ignores it, because an animation with the key 'Idle' already exists (the one from Body).

If you want to use both animations on the same sprite you're going to have to rename them within Aseprite (BodyIdle, HeadIdle, etc) because in Phaser animations are key based and keys must be unique.

[yahoai]

If customization is required for each part, it is expected to be more efficient to make common animation keys.

Any thoughts on updating?

[photonstorm]

No, this cannot be changed. Everything in Phaser 3 is string-key based, from textures to sounds to animations. If you want to add two animations to a single Sprite, they will need unique keys. It's as fundamental as that, I'm afraid.