Phaser Spritesheet Fixer

Phaser Spritesheet Fixer in JavaScript using WebGL.

How does it work?

• Select the spritesheet image file.
• Set the tileWidth and tileHeight values.
• Click in the 'GENERATE FIXED SPRITESHEET' button.
• Download the generated spritesheet image that will have with a 1px margin arround each tile.

Web:

https://lrusso.github.io/PhaserSpritesheetFixer/PhaserSpritesheetFixer.htm

Updating your spritesheet code

-this.load.spritesheet("dog", dogSprite, 32, 32, 30);
+this.load.spritesheet("dog", dogSprite, 32, 32, 30, 1, 2);

Test.png Spritesheet - Before

Test.png Spritesheet - After

See also:

https://github.com/lrusso/PhaserSpritesheetGenerator

https://github.com/lrusso/PhaserSpritesheetCutter