Spritenator Examples
The following are few examples of using Spritenator.
For more info, click here.
Graphics credits: Warrior Sprite, Explosion.
Idle loop
Here's a simple 'Idle' animation, in an endless loop.
Switching animations
Switching animations is so easy! Just hit the 'Hop' / 'Idle' buttons to see.
Animation with 'next'
Animations 'next' property will play another animation when done (in this case, we use it to return to 'idle'). Click on 'Taunt' to see.
Single animation
Some animations only need to play once and stop.
Step Delays
You can add delay to specific steps of the animation, to emphasize them.
Sprite Speed
You can set the speed of a single sprite to make it animate slower or faster. In this case, x3 times faster!
Functions as 'next'
Did you know that 'next' can also be a function? Every time 'Idle' ends we'll random an animation and when done return to 'Idle'.
End Delay
If you want an animation that will play in loop every constant intervals, you can add a last step delay.
Callbacks
You can attach callbacks to animation start / end.