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.

Create a HTML5 game like Space is Key using Phaser, tweens and ARCADE physics – step 3: adding particles

Emanuele Feronato Game design, HTML5, Javascript, Phaser

Here we go with the 3rd step of “Space is Key” HTML5 prototype made using Phaser, tweens and ARCADE physics. In the first step we created the floors and make the player run and jump, then in step 2 we added deadly obstacles to be avoided as well as some level design concepts and now it’s time to show how to make the player die with a particle explosion if the square hits an obstacle.

This is what we are going to see today:

Click or tap to jump, avoid obstacles, see how you die when you hit an obstacle.

The completely commented source code is here, new lines added from step 2 are highlighted. If you followed previous steps, I moved some code in a function called placeSquare to place the square more easily when the player moves on to next floor or dies.

Would you like to see it turned into a mobile game? Next step I will show you how to do it, 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 2

Leave a Reply

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