Create HTML5 Vertical Endless Runner cross platform games

Using Phaser framework and other FREE software
Endless runner games are gaining more and more popularity and they are really easy to code.
I will take you by hand through the creation of a complete HTML5 vertical endless runner cross platform game with a lot of features and room for customization.
100 pages + 31 source code examples with a free update to come in a few days.

HTML5 prototype of iOS hit “Hero Slide” made with Phaser – adding animations and matching tiles

Emanuele Feronato Game design, HTML5, Javascript, Phaser

Did you enjoy the first step of Hero Slide prototype made with Phaser?

Time to proceed to next step, you already know how to:

* Initialize the game
* Place random tiles on the map
* Move tiles with WASD keys

And now you’ll see these new features:

* Add animation to tile creation and movement
* Match tiles

The game matches two tiles when the player tries to move two adjacent tiles of the same kind in a direction but they both can’t move, in this case similar tiles will slide one over the other, popping one slide, freeing the game field and allowing you to keep playing. I really suck when it’s time to explain game mechanics, so you’d better have a look at the original iOS game.

Now, play the game with WASD key – focus the canvas first.

As you can see, animations make the game look smoother and you can match tiles.

And this is the commented source code, with new lines highlighted:

That’s all at the moment, during next step I will show you how to make bombs explode and how to control game with swipe, meanwhile download the source code.

Stay up to date
Follow me on the social networks and never miss a post.

Official Emanuele Feronato Facebook page

Official Emanuele Feronato Twitter account

From null to full HTML5 cross platform game

I will take you by hand from the bare bones of JavaScript programming through the creation of a full cross platform HTML5 game, with detailed explainations and source code.

If you don't know where to start, then From null to full HTML5 cross platform game is the book for you.

Leave a Reply

Your email address will not be published. Required fields are marked *