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 updated: adding scissors powerup

Emanuele Feronato Game design, HTML5, Javascript, Phaser

I was recreating some levels of the original String Avoider game when something on level one captured my attention: it’s a little scissor icon I always avoided because I thought it was a deadly obstacle to avoid, but for some reason today I hit it and discovered collecting scissors does not kill you but shorten the string.

This means, it’s a powerup. So let’s add this kind of powerup to the game.

First, I need a new icon to be added to my sprite sheet file which now it’s called icons.png.

Here it is:

Now I am ready to place the new icon on the game, check for collision when the string moves, and shorten the string by actually deleting the second half of the array of points which forms the string.

Have a look at the game:

Touch the canvas, and “start” circle will disappear revealing the string, drag your finger anywhere and see how the string follows your finger movements. Make your string touch an obstacle or reach the end and the game will restart in two seconds. Get the scissors powerup and the string will shorten.

If you have a mobile device, play the game directly at this link.

The code is very easy and the few lines added have been highlighted to make them even more clear:

And now you are able to add scissors powerup. Next step, time to create levels, 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 *