By Adobe
 
Created
8 May 2012
 
A sprite sheet is a single bitmap image containing multiple frames of one or more animations and symbols, with a separate data file that contains all of the coordinates of each of the frames within the bitmap (see Figure 1). By using sprite sheets game developers can improve download performance by simply making one HTTP request for a bitmap and then using the coordinates in the data file to show the desired frame. Playback performance is also improved because animations don't have to load each vector movie clip into memory at runtime.
 
Figure 1: A sprite sheet containing frames from multiple symbols.
Figure 1: A sprite sheet containing frames from multiple symbols.
Sprite sheets are available natively in Flash Professional CS6 and can be used to generate multi-frame animations from one or more symbols. Sprite sheets can be implemented in ActionScript using the Starling framework, or they can be implemented in HTML 5 and other environments using the output data format options (see Figure 2).
 
Figure 2: The Sprite Sheet output options showing the supported data formats.
Figure 2: The Sprite Sheet output options showing the supported data formats.
To use this feature, follow these steps:
 
  1. Select one or more movie clip, button, or graphic symbols in the Library or on the Stage.
  2. Right click on the symbol or instance and choose Generate Sprite Sheet from the context menu.
  3. In the Generate Sprite Sheet dialog box, select your output and data format options and click Export to publish the sprite sheet and data file.

 
Tools used
 
Related concepts