Animation

Animation

Creating an animated sprite in H2D is relative easy.

Instead of using h2d.Bitmap to display a single Tile, you can use h2d.Anim to display a list of tiles that will automatically be played:

// creates three tiles with different color
var t1 = h2d.Tile.fromColor(0xFF0000, 30, 30);
var t2 = h2d.Tile.fromColor(0x00FF00, 30, 40);
var t3 = h2d.Tile.fromColor(0x0000FF, 30, 50);

// creates an animation for these tiles
var anim = new h2d.Anim([t1,t2,t3],s2d);

The following properties and methods can be accessed on h2d.Anim:

• speed : changes the playback speed of the animation, in frames per seconds.
• loop : tells if the animation will loop after it reaches the last frame.
• onAnimEnd : this dynamic method can be set to be informed when we have reached the end of the animation :

anim.onAnimEnd = function() {
	trace("animation ended!");
}

Anim instances have other properties which can be discovered by reviewing the h2d.Anim class.