# Two.Sprite

Extends: Two.Rectangle

A convenient package to display still or animated images through a tiled image source. For more information on the principals of animated imagery through tiling see Texture Atlas (opens new window) on Wikipedia.

Source

# Constructor

Argument Description
path The URL path or Two.Texture to be used as the bitmap data displayed on the sprite.
ox The initial x position of the Two.Sprite.
oy The initial y position of the Two.Sprite.
cols The number of columns the sprite contains.
rows The number of rows the sprite contains.
frameRate The frame rate at which the partitions of the image should playback at.

# Properties

A list of properties that are on every Two.Sprite.

sprite.js:209

# texture

The texture to be used as bitmap data to display image in the scene.

sprite.js:163

# columns

The number of columns to split the texture into. Defaults to 1.

sprite.js:177

# rows

The number of rows to split the texture into. Defaults to 1.

sprite.js:185

# frameRate

The number of frames to animate against per second. Defaults to 0 for non-animated sprites.

sprite.js:193

# index

The index of the current tile of the sprite to display. Defaults to 0.

sprite.js:201

# play

Argument Description
firstFrame The index of the frame to start the animation with.
lastFrame The index of the frame to end the animation with. Defaults to the last item in the Two.Sprite.textures.
onLastFrame Optional callback function to be triggered after playing the last frame. This fires multiple times when the sprite is looped.

Initiate animation playback of a Two.Sprite.

sprite.js:217

# pause

Halt animation playback of a Two.Sprite.

sprite.js:253

# stop

Halt animation playback of a Two.Sprite and set the current frame back to the first frame.

sprite.js:265

# clone

Returns: Two.Sprite

Argument Description
parent The parent group or scene to add the clone to.

Create a new instance of Two.Sprite with the same properties of the current sprite.

sprite.js:279

# toObject

Returns: Object

Return a JSON compatible plain object that represents the path.

sprite.js:306

← Two.ImageSequence →