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 mobile hit “Flipping Legend” with top down view made with Phaser – adding holes

Emanuele Feronato Game design, HTML5, Javascript, Phaser

Welcome to the second step of the Flipping Legend HTML5 prototype.

We are going to add deadly obstacles in front of our hero: holes.

It’s quite simple: you walk over a hole, you die and the game restarts.

Click or tap on the left/right half of the canvas to move the hero accordingly. If you have a mobile device, play it directly from this link.

Holes are sprites, but just like in every tile based game, we aren’t checking for collision but looking at the value of the array item the hero is walking on. I used object pooling to prevent the creation of unnecessary sprites.

To have more information about object pooling, read this post. There’s a cool game too.

Now, let me show you the completely commented source code:

Next time I’ll add enemies, coins and energy, 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.

Comments 1

Leave a Reply

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