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 Physics sling with predictive trajectory like “Trick Shot” iOS game using Phaser + Box2D

Emanuele Feronato Box2D, Game design, HTML5, Javascript, Phaser

Do you know Trick Shot game by Jonathan Topf?

It’s a game where all you have to do is throw a ball into a box, simple, a minimalist physics puzzler with 90 levels and an infinite supply of bouncy balls to get that perfect shot.

But more than this, it’s the perfect game to deconstruct to see how you can make it with Phaser and Box2D.

In this first part, we are going to create the routine which fires the ball, along with predictive trajectory.

This is what we are going to do:

Click and drag inside the red rectangle to create and charge the ball, release to launch it.

The predictive trajectory, just not to reinvent the wheel, has been taken from this official Phaser example, but if you want to see another attempt to create predictive trajectory, check the post develop a Flash game like Angry Birds using Box2D – predictive trajectory line.

I said we can make it with less than 100 lines of code, and here it is the full commented source code, 98 lines if I am not wrong.

I really hope to start seeing good HTML5 physics games thanks to Phaser and Box2D plugin.

Next time, I’ll add more features by adding 100 more lines of code.

Download the source code and guess what I am going to do with 100 more lines.

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 *