Animation

Creating an animated sprite in H2D is relative easy. h2d.Bitmap to display a single Tile, you can use h2d.Anim to display a list of tiles that will automatically be played:

  1. // creates three tiles with different colorvar 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 tilesvar anim = new h2d.Anim([t1,t2,t3],s2d);

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 :
    1. anim.onAnimEnd = function() {    trace("animation ended!");}
    Anim instances have other properties which can be discovered by reviewing the h2d.Anim class.