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 Flash Racing Game Tutorial – AS3 version

Emanuele Feronato Actionscript 3, Flash, Game design

The porting of the most popular AS2 tutorials continues with a basic AS3 version of the Flash racing game script.

I said “basic” because it does not have all features, this time it covers only movement and collision detection because I want to add more features before polishing it.

In the detail, I am developing an artificial intelligence algorithm to include cars controlled by the computer.

Meanwhile, this is the main class

And this is car_mc class:

And this is the result

Download the source code.

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 42

  1. DaveUCSD

    You could not have posted this at a better time. Yesterday I started converting you last tutorial to AS3 and I was going to work on it all day today and tomorrow. I am using it for a biofeedback application in a neuroscience lab.

    Thank you so much!!!!

    1. Post
    1. Post
  2. Wilson Silva

    You never disappoint us :) Are you going to make a tutorial like “Create a Flash game like Zelda” or something? I’m pretty sure that most of us want to know how to develop a good RPG game engine. And you my friend, are the best person to teach us :D. Pleeeease.

  3. gino80

    Emanuele you are great!!
    thank you very much for your tutorials!!

    how can I implement a sort of ghost car??

    thank you keep the good work!!

  4. Pingback: Create a Flash Racing Game Tutorial – Artificial stupidity - Emanuele Feronato

  5. Someone

    There’s a bad glitch if you go backwards into the wall… can you please show how to fix it?
    Thanks. =)

  6. Amos

    Im planning on learning flash sometime and its interesting for me to look at this code, just to get a sense of how actionscript works. thanks :)

    Also, i have been using a program called scratch, which basically is for creating some very simple games, with very simple code. Quite a while ago, i made a game similar to this:

    and just fyi, in case any of you where planning on looking at the code, you should know i made it a few years ago, and the code is rather redundant and could be simplified a lot. :)

  7. Mina

    if i could ask , iam new in game Dev. iam tring to make a car game , and iam stuck with something maybe u could help me out ………..

    i made a MovieClip car >> inside it AS3.0 code of all its speed accelirationa and stuff .. i didnt use pacage because i dont know much about it … anyway , i made a square on the stage and i was tring to detect the collition by HittestObject and it didnt work , someone gave me a link for a bitmap data and it worked but i dont understand it for sure .. i just replaced names … anyway … right now , i wants to write a function that makes the car Never move over or under that square .. like a wall or a building … i couldnt figure it out , could u help me plz , it sounds like insanly easy ..

  8. Pingback: Flex4?????? Flex 4 Racing Game,????? | LuFree Blog-??????,?????,?????,webgame??

  9. Marcel

    I got this error message:

    “Type was not found or was not a compile-time constant: ground_mc line 8″

    Seems like should be another class called ground_mc?

    (sorry for my English and newbie question)

  10. Attila Kamasz

    Hy all!
    The tutorial is very good, but I dont know how I scripting the drifting and other advanced car psichic. Pls help me. Thanks :)

  11. OA

    I was messing around trying to add different tracks but the only way is for the track to be erased so how can we change the track without just erasing from the back ground and without the ground_mc

  12. Pingback: 3D car with a camera that follows it (Adobe Flash Platform Blog)

  13. Pingback: 3D car with a camera that follows it —

  14. Pingback: car » Blog Archive » 3D car with a camera that follows it —

  15. Pingback: Tutorial: 3D Car With A Camera Following It

  16. Hassan Ayoub

    Dear geek,
    thx for your tutorials, however, when can we exppect the full version of the game?
    Second, do u know books or video tutorials where they teach game developments especially car racing games?
    Thx in advanced

  17. Greg

    Thanks for the great racing game. Could you post or email a description of what the different lines of code are doing like you did in the AS2 version?

  18. LuLu

    Hi, I have created a short animation storyboard and would like to incorporate this mini-game at the end (e.g. frame 2885), can it be done? If yes, how do I do it?

  19. Akhyar

    GREAT Tutorial! i’m started to understand how to make as3 games… never thought that it will requires trygonometry though..

  20. Christoffer

    Do you have a tutorial on how to make the laptimer in as3? Or is it very similiar to the as2 version?

    Otherwise, great tutorial. Thanks ;)

  21. Luke Hill-Cottingham

    Good tut, but how would i go about putting a menu in before the game starts?

    The idea is to, like the AS2 version, put a lap timer in and have a menu before hand to start the game.
    Yet i’ve made a menu and when i try to merge the two, it just plays up calling the class first(i think), is there anyway to call the class when i reach a certain frame?

    sorry for being a bit vague, new to this stuff.

  22. Pingback:

Leave a Reply

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