SpriteSheet Player

Summary

Set the number of columns and rows from your spritesheet file before dragging and dropping them into the canvas.

While the spritesheet is playing, you can adjust the animation speed, set a starting and ending frame number to play the animation.

Credits

• DropzoneJS for the awesome drag’n’drop file upload with image preview.
• Butterfly sprite from the game Glitch
• and of course the awesome HTML5 Phaser game framework by Richard Davey and his website