Leshy SpriteSheet Animator is an HTML5 tool for previewing and testing sprite sheet animations. For documentation, see the introduction blog post. A follow up blog post discusses the file formats and support for exporting to CreateJS/EaselJS and ImpactJS. Notes on support for the ImpactJS animation-importer plugin can be found here.

To add sprite sheets (PNG) or load save files (JSON,) drag and drop the files onto this window. (Browser Requirements: Recent versions of Chrome, Firefox, or Opera. IE is untested. Chrome is recommended.) (v1.1.0, updated 1/09/14)
Leshy SpriteSheet Animator    
SpriteSheet:    
   
Columns
Rows
Width
Height

Animation: Frames Frames per second
Animation
SpriteSheet
Show Outline: Scale: Padding: Checkered BG: BG Color:
Show Outline: Show Labels: Checkered BG: BG Color:



Intro & Help
Export Formats


Recent Changes

2014-01-09
  • Add exporter for ImpactJS animation-importer plugin format
  • Create and ImpactJS exporters: Filename now defaults to spritesheet name

    2013-11-27
  • Fixed issue with image smoothing getting reenabled

    2013-06-16
  • Added support for EaselJS/CreateJS & ImpactJS export formats
  • Added documentation for the JSON format
  •