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 “Pudi” using Phaser – Match games meet Tetris

Emanuele Feronato Game design, HTML5, Javascript, Phaser

Did you play free Pudi game made by Jambav?

It’s an addictive game where you play with falling dots in an endless arcade. You control four big colored circles at the bottom of the screen. Small colored circles fall from the top of the screen, and you have to match falling circles with bottom circles.

To make them match, you have two ways to control the four big circles: with a double tap, you switch the upper circles. With a vertical swipe, you rotate all the circles, clockwise or counter-clockwise according to swipe direction and position. Same thing for the horizontal swipe, although the game should be played mostly with double taps and vertical swipes.

In this first part of the series, we’ll see how to create the player interaction with the game:

Double tap/click to switch the upper big circles, swipe to rotate all circles.

Everything has been made in less than 100 lines, still uncommented because it’s just the first prototype, but you’ll have the usual line-by-line comments once the game is completed

The game uses Phaser CE v2.7.5 but also works with the latest official Phaser distribution, 2.6.2

If you are an old time reader of the blog, you’ll see there’s nothing new in the code, I just want you to have a look at line 34:

game.input.onTap.add(this.handleTap, this);

I am using the onTap event which also allows me to detect double taps.

Download the source code and have fun.

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 1

Leave a Reply

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