Create an HTML5 game like Space is Key with a lot of room for customization

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.

  • MC

    It’s cool, but the square should keep the rotation and jump from side to side

  • ppvppv

    Very nice! Loving the Phaser articles. More please!

  • bugz

    Are you going to cover any unity 2d for android? I would love to see that and I think a lot of people share my opinion :))

  • 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!

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

  • ldurniat

    Can I use this code in commercial game?

    • Emanuele Feronato

      Sure!