Animation - HeapsIO/heaps GitHub Wiki

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.

Using image resources

What you'll probably need for your game is actually using your image resources and sprites.