EaselJS

EaselJS  0.4.2

EaselJS > EaselJS > SpriteSheetUtils
Search:
 
Filters

static Class SpriteSheetUtils

The SpriteSheetUtils class is a collection of static methods for working with sprite sheets. A sprite sheet is a series of images (usually animation frames) combined into a single image on a regular grid. For example, an animation consisting of 8 100x100 images could be combined into a 400x200 sprite sheet (4 frames across by 2 high). The SpriteSheetUtils class uses a static interface and should not be instantiated.

Properties

_workingCanvas - protected static HTMLCanvasElement


_workingContext - protected static CanvasRenderingContext2D


Methods

extractFrame

static Image extractFrame ( spriteSheet , frame )
Returns a single frame of the specified sprite sheet as a new PNG image.
Parameters:
spriteSheet <Image> The SpriteSheet instance to extract a frame from.
frame <Number> The frame number or animation name to extract. If an animation name is specified, only the first frame of the animation will be extracted.
Returns: Image
a single frame of the specified sprite sheet as a new PNG image.

flip

static void flip ( spriteSheet , flipData )
This is an experimental method, and is likely to be buggy. Please report issues.

Extends the existing sprite sheet by flipping the original frames either horizontally, vertically, or both, and adding appropriate animation & frame data.
Parameters:
spriteSheet <Image> The sprite sheet to use as the source.
flipData <Object> A generic object that specifies which frames will be flipped, what to name the flipped result, and how to flip the frames (horizontally, vertically, or both). Each property name indicates the name of a new sequence to create, and should reference an array where the first index is the name of the original sequence to flip, the second index indicates whether to flip it horizontally, the third index indicates whether to flip it vertically, and the fourth indicates what the "next" value for the resulting frame data should be. For example, the following would create a new sequence named "walk_left" consisting of the frames from the original "walk_right" sequence flipped horizontally: {walk_left: ["walk_right", true, false]}
Returns: void