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.

“String Avoider” HTML5 game updated to Phaser 2.6.2

Emanuele Feronato Game design, HTML5, Javascript, Phaser

As you know, Phaser 2.6.2 is the latest and last official Phaser version, so while we are waiting for Phaser v3 I am updating the oldest prototypes to 2.6.2 in order to have a set of prototypes working with the latest Phaser version.

Last month I started with Space is Key, and now t’s time to revamp String Avoider.

The original game was published in 2006, more than 10 years ago, but the game is still fun.

« Avoid colliding with walls and guide your string through each unique level. Time is of the essence as you must steadily travel through 26 levels to victory. »

And this is what we are going to create:

If you have a mobile device, you can play it directly from this link.

Move the mouse around the canvas to make the string move, and watch how it reacts when it touches an obstacle.

The game field is made by one single PNG blue image with transparent background.

The string is an array of points with lines joining such points. Really easier than you may think.

That’s why the source code is so short, although I commented it line by line:

Next time I’ll show you how to add animated obstacles, 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 *