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.

Prototype of the Iromeku game engine

Emanuele Feronato Actionscript 3, Flash, Game design

Did you play Iromeku?

You have a game panel of a few colored squares and, using color affecting tiles, your objective is to change your panel to match that of the target.

I have to admit I did not like the game that much, it’s a bit difficult to play with colors rather than numbers, but I liked a lot the way you can change tiles with a cascade effect.

So i decided to code a little prototype to achieve the same effect, just in a clearer way.

The idea is simple: a Movieclip called Tile with a square and a dynamic text in it called valueText is created, then I am randomly placing ten of them on the stage. Every Tile object has two properties called defaultVal which represents its default value (a number from 0 to 9), and actualVal which is the actual value, at the beginning the same of default value.

This is the result:

Now, we just want a couple of listeners to be able to pick, drag and drop tiles. Picked tiles will be moved on top, this is very important for the gameplay:

And this is the result, pick up and drag tiles

Now, the funniest part. Once a tile is over another tile, the upper tile value is added to the lower tile value. I am doing this only using Display List depth and hit tests:

And this is the result: pick up, drag and drop tiles and see how their values change

Finding a decent gameplay for this prototype is up to you, anyway you can 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

  1. Pingback: HTML5 Prototype of the Iromeku game engine made with Phaser | Emanuele Feronato

Leave a Reply

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