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.

HTML5 Drag and Match engine updated to Phaser 2.6.2 update – adding tweens

Emanuele Feronato Game design, HTML5, Javascript, Phaser

In most cases, small things make simple games look great. If you look at my latest HTML5 Drag and Match engine updated to Phaser 2.6.2 with masks and a lot of custom options you will see when you drag and then release the mouse there isn’t any kind of animation and tiles just jump in their final position.

This is not possible in a game made in 2017. You have to add an animation to make tiles smoothly move in their final position. That what I did and what I am going to show you in this post.

We will use a fast tween to place tiles in their final place once the player releases the input.

Here is the modified game:

I made the tiles a bit bigger (actually, the game size a bit smaller) to let you know what happens. Try to drag a row or a column, release and see the quick tween as tiles move into their final position.

I added some lines to the source code, which are obviously commented and highlighted, mostly located in handleStop method:

It’s just a little tween, but adds polish to the game and makes it look better. Download the source code of this new example.

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 *