Syntax for animations

Phaser 3
1

I’m learning how to use Colbydude’s palette swapping example and I want to combine what is already being used in the config with this.anims.generateFrameNumbers but I’m not sure how to go about doing that.

Original:
var animConfig = {
paletteKey: ‘link-palette’, // Palette file we’re referencing.
paletteNames: [‘green’, ‘red’, ‘blue’, ‘purple’], // Names for each palette to build out the names for the atlas.
spriteSheet: { // Spritesheet we’re manipulating.
key: ‘link’,
frameWidth: 32,
frameHeight: 32
},
animations: [ // Animation data.
{key: ‘walk-down’, frameRate: 15, startFrame: 0, endFrame: 9},
{key: ‘walk-left’, frameRate: 15, startFrame: 10, endFrame: 19},
{key: ‘walk-up’, frameRate: 15, startFrame: 20, endFrame: 29}
]
};

For example, I might want to replace walk-down key with this way:

		this.anims.create({
			key: 'walk-down',
			frames: this.anims.generateFrameNumbers('link-palette', { frames: [0,1,2,3,4,5] }), 
			frameRate: 15,
			repeat: 0
    		});
2

I think I’m going to have to redo my spritesheet so I can use the startFrame & endFrame method rather than jumping around the spritesheet to use desired frame order.