AnimatedSprite

Creates a AnimatedSprite

A simple way to display an animation depicted by a list of textures.

I recommend using spritesheets created by TexturePacker (they have a great tutorial on it). If you don’t want to use spritesheets, you can simply just pass in an array of your desired textures.

Spritesheet

Multiple Animations from Spritesheet

API

AnimatedSprite Attributes

Name	Type	Default	Description
blend-mode	number BLEND_MODES	BLEND_MODES.NORMAL	The blend mode to be applied to the sprite.
anchor	number array object	0	The anchor sets the origin point of the text.
anchor-x	number	0	The x anchor sets the origin point of the text.
anchor-y	number	0	The y anchor sets the origin point of the text.
textures	array	undefined	The textures to use for the animation
animation-speed	number	1	The speed that the AnimatedSprite will play at. Higher is faster, lower is slower
loop	boolean	true	Whether or not the animate sprite repeats after playing.
playing	boolean	false	Whether or not the animation is playing.

more attributes in Container Props and PIXI.AnimatedSprite

AnimatedSprite Events

Name	Type	Description
loop	function	when the AnimatedSprite finishes playing.
frame-change	function	when the AnimatedSprite changes to a new frame.
complete	function	when the AnimatedSprite finishes playing.
render	function	custom rendering listener

more events in Container Events