< h1 >Sprite Sheets</ h1 > < p >An example of the < code >SpriteSheetLoader</ code >, which automatically parses loaded JSON, and will internally preload associated images and instantiate a < code >SpriteSheet</ code > instance before the < code >complete</ code > event is fired.</ p > - CreateJS/EaselJS The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier. Skip to content

Displays a frame or sequence of frames (ie. an animation) from a SpriteSheet instance. A sprite sheet is a series of images (usually animation frames) combined into a single image. For example, an animation consisting of 8 100x100 images could be combined into a 400x200 sprite sheet (4 frames across by 2 high). With Export Kit you can create unlimited PSD to CSS, JSON and XML Sprite Sheets in a few clicks with any Photoshop file. All layers in your PSD will convert to a single image file with all positions and sizes in a single file.