HTML5 SameGame engine powered by Phaser – adding animations

If you enjoyed the HTML5 SameGame example I showed you last week, here is the second part with animations and a deeply commented source code.

Three different animations have been featured:

* The fade-out animation when tiles are removed, using a tween on alpha property.

* The animation of tiles falling down, using a tween on y property

* The animation of tiles scrolling to the left, using a tween on x property with a bounce easing.

Adding animations made the game more polished, as you can see.

And here is the complete source code, as promised:

You can also download the full source code of the example, let me know if you can create a full SameGame clone out of it.