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 prototype now featuring levels and better graphics with a gradient background

Emanuele Feronato Game design, HTML5, Javascript, Phaser

Are you enjoying my String Avoider prototype tutorials?

Let’s make a small recap of what we hade done so far using Phaser:

In step 1 the game engine has been updated from an old 2.2.1 version to the latest official Phaser version which is 2.6.2 and it’s the last one before Phaser 3.

In step 2 the game was optimized to make it smoother to play on mobile devices.

In step 3 we added a powerup because we all love games with powerups.

Now it’s time to complete the prototype by adding levels and a nice background gradient which is made on the fly thanks to Phaser graphic methods. Every line of the source code is commented, so don’t be afraid to miss something, you won’t.

Here is the game, currently with three cycling levels:

Touch the canvas, and “start” circle will disappear revealing the string, drag your finger anywhere and see how the string follows your finger movements. Reach the end to advance to next level. If you have a mobile phone, you can play the game directly on this page.

And this is the line by line commented source code, have fun with it:

As usual I am also providing you the full source code for you to enjoy and create your own game. If you manage to create something interesting, just let me know and I will be happy to show it on the blog.

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 *