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.

“Mike Dangers” HTML5 game engine made with Phaser and ARCADE physics – adding spikes, death and more features

Emanuele Feronato Game design, HTML5, Javascript, Phaser

Here we go with another step in the making of Mike Dangers.

Since previous step, several features have been added, and a bug was fixed. Let’s see what changed:

* Each floor now contains one or two deadly spikes, which use object pooling to be placed on the screen

* Some code has been changed to have more than a diamond on each floor, exactly as for the spikes

* Ladders now are randomly placed on the floors

* The entire routine which handles a floor when it “falls down” has been rewritten

* Spikes are deadly and if the player touches a spike, it’s game over with a “fall down the tower” animation

* The bug having sometimes a floor with two stairs and another floor with no stairs has been fixed

* The game now covers the entire screen area if played on portrait devices or windows

Here it is the game:

Just tap or click to make the player jump. Try to climb the ladders and collect diamonds while avoding spikes. If you have a mobile device, you can play directly at this link.

At the moment, spikes and ladders are randomly placed without being sure each floor will be playable, and this feature will be introduced in next step.

Here is the source code:

How would you ensure each floor is playable? Wait for the next step to see the complete game, 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

  1. mc

    The spikes can’t be 100% random…. since sometimes they are placed exactly over the ladder exit, making the game unfair

Leave a Reply

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