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 an HTML5 game like Space is Key with a lot of room for customization

Emanuele Feronato Game design, HTML5, Javascript, Phaser

Last month I showed you a quick but fully customizable Flash prototype of the addicting game Space is Key by Christopher Jeffrey, you can see it in the post “Create a Flash game like Space is Key with a lot of room for customization“.

Now it’s time to see how to achieve the same result with HTML5, using Phaser framework.

This is what you are about to create:

Click on the stage to jump.

And this is the source code of the page. I tried to keep the same order and the same comments I used in the AS3 version

As you can see, it’s very easy to port your AS3 works in HTML5 using Phaser.

Download the source code with all needed libraries.

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 7

  1. Adrián

    I ported this game from AS3 to Mobile AIR, and been following you silently for years. Thanks a lot for featuring it and for all the shared wisdom :)

    Buone cose, a presto!

  2. Pingback: Create an HTML5 game like Space is Key with a lot of room for customization step 2: adding obstacles - Emanuele Feronato

    1. Post
      Author

Leave a Reply

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