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 + Box2D hook like the one seen on iOS Mikey Hooks game

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

It’s being a long time since I showed you how to create a hook like the one used in Mikey Hooks using AS3 + Box2D and AS3 + Nape.

It’s still a great game concept, so let me show you how to create the same thing using Box2D + Phaser.

Despite being an extremely good looking effect, it’s very easy to create an hook using Box2D, you just have to play with distance joints.

Let’s have a look at what we are going to do in a few lines of code:

You can’t control the ball, but click and hold the mouse on a static green body to fire the hook, release to destroy it.

Here is the commented source code, have a look at it, you will be impressed about how easy can be the creation of this effect.

I have a minigame concept in mind to show you, meanwhile download the source code.

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 3

  1. JohnSandway

    Hey man, thanks for writing this post. It inspired me to do the first game in my 1 Game a Month challenge. I also coded my game in Phaser like your example, but the Box2D documentation is so hard to figure out, so I ended up using the P2 physics in Phaser instead. It works as a charm with the game.physics.p2.createSpring function which is also poorly documented, but Phaser documentation is improving. It’s my first game :) If you want to support me, you can rate it on Google Play compiled with CocoonJS): https://play.google.com/store/apps/details?id=com.sandway.swingingbird or just play it here: http://www.sandwaygames.com/games/swingingbird/
    Thanks again for inspiring me. I look forward to more posts about games in general and Phaser in particular.

  2. Pingback: Swinging Bird – #1Gam Dec 2015 | Sandway Games

Leave a Reply

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