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.

Platform game basics using Box2D

Emanuele Feronato Actionscript 3, Box2D, Flash, Game design, Users contributions

I wrote about Box2D Flash version about a year ago, then I published Playing with Box2DFlashAS3 and Create a Flash game like Totem Destroyer as examples covering what you can do with this library.

But I was really impressed by a thread on TriquiTips submitted by Hawdon called Box2DAs3 For Beginners! (read steps 1 and 2) that in my opinion deserves to be posted on this blog, to reach a wider public… because I know there is a lot of people looking for AS3 and Box2D and platform tutorials… and the prototype made by Hawdon merges them all this way:

Left-right to move and up to jump

This is the source code with some comments

I have to say I am quite impressed about this work and I am porting my platform engine using Box2D, and release some Box2D tutorials if this post gets a good feedback.

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 32

  1. Hawdon

    Got to say, didn’t excpect you to post it on the blog…
    But thanks!

    I’m, too, very intérested to hear what ppl think.
    If there is a lot of good feedback I might too post some more tutorials.

  2. anlik

    I like your website and I come here every day,please go on the BOX2D engine tutorial.

    非常期待你的box 2d教程,也非常尊敬你,吼吼,请一定加油,我是一名FLASH GAME DEVELOPER,一直在关注你的网站,非常非常非常期待你的物理引擎教程

  3. malte

    i get alot of errors when i try to compile your example with the latest box3d code. Is there a newer Verison availabe? Did you alot of customizations to the Box2D Classes?

  4. sega

    Yeah, it’s not working for me either, but I only get one error on line 1.

    “5006: An ActionScript file can not have more than one externally visible definition: Box2d, body”

  5. afk

    why making an tutorial it it’s full of errors ? :E

    yeah, sure, i can make changes to use for my project, but what if i have no time ? and for very beginners?

  6. Pingback: Christina Friel: ActionScripting and Design » Box2D: AS3

  7. raz

    Really good tutorial, but it seems to have a little bug: if you jump into the wall and keep the right arrow pressed, the hero stays stuck on the wall and does not fall as it should.

    Is there anyway to fix this?

    Thanks.

  8. Andrew

    since I guess that site went down this tutorial is really hard to follow. too many errors and with out the source I can’t figure them out!
    SOURCE PLZ

  9. Pingback: Ninja Robot Dinosaur » Blog Archive » AS3 Boot Camp – Learn to program Flash games in 30 days

  10. Spi

    Interesting… teoreticaly it should rotate which is not normal for a player… but I couldn’t make it rotate… I don’t see any script code to prevent it from doing so.

  11. Didier

    I still have some troubles understanding core concepts of Box2D (such as continuous collisions), but your tutorial are of great help. Thank you very much! :)

Leave a Reply

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