Phaser Class: Animation

new Animation(game, parent, name, frameData, frames, delay, looped)

An Animation instance contains a single animation and the controls to play it. It is created by the AnimationManager, consists of Animation.Frame objects and belongs to a single Game Object such as a Sprite.

Parameters:

Name	Type	Description
`game`	Phaser.Game	A reference to the currently running game.
`parent`	Phaser.Sprite	A reference to the owner of this Animation.
`name`	string	The unique name for this animation, used in playback commands.
`frameData`	Phaser.FrameData	The FrameData object that contains all frames used by this Animation.
`frames`	Array.<number> \| Array.<string>	An array of numbers or strings indicating which frames to play in which order.
`delay`	number	The time between each frame of the animation, given in ms.
`looped`	boolean	Should this animation loop or play through once.

Source:

animation/Animation.js, line 21

Members

currentFrame

Properties:

Name	Type	Description
`currentFrame`	Phaser.Frame	The currently displayed frame of the Animation.

Source:

animation/Animation.js, line 116

delay

Properties:

Name	Type	Description
`delay`	number	The delay in ms between each frame of the Animation.

Source:

animation/Animation.js, line 55

frame

Properties:

Name	Type	Description
`frame`	number	Gets or sets the current frame index and updates the Texture Cache for display.

Source:

animation/Animation.js, line 373

<readonly> frameTotal

Properties:

Name	Type	Description
`frameTotal`	number	The total number of frames in the currently loaded FrameData, or -1 if no FrameData is loaded.

Source:

animation/Animation.js, line 360

game

Properties:

Name	Type	Description
`game`	Phaser.Game	A reference to the currently running Game.

Source:

animation/Animation.js, line 26

isFinished

Properties:

Name	Type	Description
`isFinished`	boolean	The finished state of the Animation. Set to true once playback completes, false during playback.

Default Value:

false

Source:

animation/Animation.js, line 71

isPaused

Properties:

Name	Type	Description
`isPaused`	boolean	The paused state of the Animation.

Default Value:

false

Source:

animation/Animation.js, line 83

isPlaying

Properties:

Name	Type	Description
`isPlaying`	boolean	The playing state of the Animation. Set to false once playback completes, true during playback.

Default Value:

false

Source:

animation/Animation.js, line 77

killOnComplete

Properties:

Name	Type	Description
`looped`	boolean	The loop state of the Animation.

Source:

animation/Animation.js, line 65

looped

Properties:

Name	Type	Description
`looped`	boolean	The loop state of the Animation.

Source:

animation/Animation.js, line 60

name

Properties:

Name	Type	Description
`name`	string	The user defined name given to this Animation.

Source:

animation/Animation.js, line 43

paused

Properties:

Name	Type	Description
`paused`	boolean	Gets and sets the paused state of this Animation.

Source:

animation/Animation.js, line 326

Methods

<static> generateFrameNames(prefix, start, stop, suffix, zeroPad)

Really handy function for when you are creating arrays of animation data but it's using frame names and not numbers. For example imagine you've got 30 frames named: 'explosion0001-large' to 'explosion_0030-large' You could use this function to generate those by doing: Phaser.Animation.generateFrameNames('explosion', 1, 30, '-large', 4);

Parameters:

Name	Type	Argument	Default	Description
`prefix`	string			The start of the filename. If the filename was 'explosion0001-large' the prefix would be 'explosion'.
`start`	number			The number to start sequentially counting from. If your frames are named 'explosion_0001' to 'explosion_0034' the start is 1.
`stop`	number			The number to count to. If your frames are named 'explosion_0001' to 'explosion_0034' the stop value is 34.
`suffix`	string	<optional>	''	The end of the filename. If the filename was 'explosion_0001-large' the prefix would be '-large'.
`zeroPad`	number	<optional>	0	The number of zeroes to pad the min and max values with. If your frames are named 'explosion_0001' to 'explosion_0034' then the zeroPad is 4.

Source:

animation/Animation.js, line 406

destroy()

Cleans up this animation ready for deletion. Nulls all values and references.

Source:

animation/Animation.js, line 283

onComplete()

Called internally when the animation finishes playback. Sets the isPlaying and isFinished states and dispatches the onAnimationComplete event if it exists on the parent.

Source:

animation/Animation.js, line 300

play(frameRate, loop, killOnComplete) → {Phaser.Animation}

Plays this animation.

Parameters:

Name	Type	Argument	Default	Description
`frameRate`	number	<optional>	null	The framerate to play the animation at. The speed is given in frames per second. If not provided the previously set frameRate of the Animation is used.
`loop`	boolean	<optional>	false	Should the animation be looped after playback. If not provided the previously set loop value of the Animation is used.
`killOnComplete`	boolean	<optional>	false	If set to true when the animation completes (only happens if loop=false) the parent Sprite will be killed.

Source:

animation/Animation.js, line 122

Returns:

A reference to this Animation instance.

Type: Phaser.Animation

restart()

Sets this animation back to the first frame and restarts the animation.

Source:

animation/Animation.js, line 173

stop(resetFrame)

Stops playback of this animation and set it to a finished state. If a resetFrame is provided it will stop playback and set frame to the first in the animation.

Parameters:

Name	Type	Argument	Default	Description
`resetFrame`	boolean	<optional>	false	If true after the animation stops the currentFrame value will be set to the first frame in this animation.

Source:

animation/Animation.js, line 194

update()

Updates this animation. Called automatically by the AnimationManager.

Source:

animation/Animation.js, line 216