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

Emanuele Feronato Game design, HTML5, Javascript, Phaser

Did you play Hero Slide?

Awarded as TouchArcade Game of the Week, it’s a simple but clever game, half 2048 (read the tutorial series of this game) and half Dungeon Raid (read the tutorial series of this game too).

It’s the right kind of game to create a tutorial series, and here it is with the first part, where we will learn how to:

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

I created some of the tiles in a single sprite sheet like this:

Then you can play the first prototype with WASD key – focus the canvas first.

There is still some work to do as tiles do not match, but the main engine which controls tile movement is ok.

Have a look at the fully commented source code:

Next time I am going to add animation to tile movement and the capability of matching tiles. 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 *