Skip to content

pencil.js / sprite / Spritesheet

Class: Spritesheet ​

Defined in: sprite.ts:263

Loaded spritesheet, able to extract sprites

Constructors ​

Constructor ​

ts
new Spritesheet(json): Spritesheet;

Defined in: sprite.ts:271

Spritesheet constructor

Parameters ​

ParameterTypeDescription
jsonSpritesheetDataJSON description with loaded image

Returns ​

Spritesheet

Properties ​

PropertyTypeDescriptionDefined in
jsonSpritesheetDataJSON descriptionsprite.ts:265

Accessors ​

file ​

Get Signature ​

ts
get file(): HTMLImageElement | undefined;

Defined in: sprite.ts:278

Loaded image

Returns ​

HTMLImageElement | undefined

Methods ​

extract() ​

ts
extract(
   position?, 
   selector?, 
   options?
): Sprite;

Defined in: sprite.ts:300

Create a sprite with all frames matching a selector

Parameters ​

ParameterTypeDescription
position?PositionDefinitionPosition of the sprite
selector?FrameSelectorGlob pattern, regular expression or filter function
options?Partial<SpriteOptions>Sprite options

Returns ​

Sprite


get() ​

ts
get(selector?): FrameData[];

Defined in: sprite.ts:286

Return all frames matching a selector

Parameters ​

ParameterTypeDefault valueDescription
selector?FrameSelector"*"Glob pattern, regular expression or filter function

Returns ​

FrameData[]

Released under the MIT License.