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

Emanuele Feronato Actionscript 2, Flash, Game design, Users contributions

If you’re interested in gaming and blogging, YouSayToo lets you earn from your flash games and allows you to make money blogging.

In this tutorial we’ll cover the creation of a flash racing game.

I got the permission from Remus C. from gameSheep to publish this awesome tutorial.

Before we start, I recommend you all to give a look at gameSheep. You will find a lot of games with cute graphics.

Moreover, this tutorial will give the start to another series of tutorials about creating a flash racing game.

Let’s start!

Moving the car

1. Car movement is not the most difficult part of a racing game, but if you want to simulate realistic (almost realistic) movement you have to take in consideration some of the aspects described below.

2. Download and open racing_part1_step1.fla file.

3. Click on the first frame (the only frame) of the “defs” layer and press F9 to display the Actions Window for this frame. Now let’s see what these variables do:

4. OK! Now let’s get back to school :) and see what we can do with these variables.

Click on the first frame of the second layer (“actions”) and if the Actions windows is not open, press F9 to display it.

We will discuss this script in a few moments, but first let’s see how Flash “understands” movement and coordinates.

Just a bit of trigonometry and Flash

Flash is using the classic Cartesian Coordinate System (a grid based system with a horizontal axis OX and a vertical axis OY).


You notice in the attached picture that in Flash the Y axis is inverted meaning that the negative side of the Y axis is positioned higher than the positive side. So the lower a coordinate is, the higher it’s value will be.

Because Flash understand only horizontal and vertical vectors we will have to calculate the horizontal and the vertical components of the actual “speed”.

So, from trigonometry we know (in this case) that:

sin(angle) = speedx/speed and

cos(angle) = speedy/speed

so… we know the angle (angle=car._rotation) and we know the speed. That’s all we need know. Is it? No. You need to know one more thing:

The Math class implemented in Macromedia Flash does not work with angles measured in degrees. Instead we will have to provide angles measured in radians (an alternative unit measurement for angles).

The only case in which you will use degrees is when actually rotating the movieclips.

Using the simple equation below you will be able to transform degrees into radians:

angle_radians = angle_degrees * (PI/180)

Now we can easily calculate the X and Y components of the car’s speed:

speedx = Math.sin(_rotation*(Math.PI/180))*speed;
speedy = Math.cos(_rotation*(Math.PI/180))*speed*-1;

Well, you already figured out why the sign of the Y component has to be inverted ;)

And now let’s get back to Flash and our Actions Window. Next I will explain what the “step” function is all about. The “step” function will be executed on every enterFrame event (on the “stepper” layer you will find an empty movieclip the executes the onClipEvent (enterFrame) routine).

That’s it! We already have a moving car. Now we can move on to collisions.


1. We all know why collisions are important in a Racing Game… Because we don’t want the car to leave the track, because we want to force the player to use a specific way, because we want him/her to avoid collisions in order to get the best time (or win the race).

Collisions are a very important part of a racing game and 70% of the game feeling and success depends on good collisions.

We don’t want the car to get stuck in the non accessible areas (NAA), we don’t want it to lose all speed although it hardly touches those areas and we definitely don’t want it to bounce back (by reversing the speed).

In other words we don’t want to give the player a hard time, but on the contrary, an enjoyable game. So when the car touches the NAA we must try to correct it’s trajectory and of course apply a speed penalty depending on the angle of collision and collision duration.

2. Download and open the racing_part1_step2.fla file.

3. Before we go back to the “step” function, I will explain how the collisions will work.

Using four points to detect collisions

As you can see in the attached picture, we will pick four points, one on every side of the car and check to see if any of them “touches” the NAA.


For example if the Left Side Point is inside the NAA (hits the NAA) then we will have to apply a speed penalty and increase the angle (_rotation) of the car. Why do we do that? Because of what we discussed earlier: we must try to correct the car’s trajectory. So what we do here is force the car to steer right.

OK, I guess everything is clear up to this point. And since we are speaking of points, let’s see how we calculate their coordinates. To simplify things we will take the Left Side Point as an example.

When the car’s rotation is 0 our job is very simple: the LSP coordinates are x=car._x-20 (20 pixels to the left of the car’s center point) and y=car._y

But the car will not always have an angle of 0. Well, here comes the tricky part. There are a few ways to calculate the four points even if the angle is not 0 (for example you can use the sine and the cosine functions) and for this tutorial I chose the simple way (I don’t know if it’s the optimum way, but it’s very simple):

We define the Left Side Point as if the car’s rotation was 0:

car.pointLeft = {x:-20, y:0}; //this is an Object

and then we transform the point’s coordinated from local (related to the car’s clip) to global (related to the _root clip where we will test the collisions):


Now we have our Left Side Point coordinates that we can use to check the collision:

car.pointLeft.x and car.pointLeft.y

Can it get any simpler? :)

4. And again back to our Actions Window. Click on the first frame of the “actions” layer and if the Actions Window is not open press F9 to display it.

You will notice that I added a few lines to the “step” function and you probably already know what those lines do :) but still I will go into a few details.

Hard? Not so hard :) And the next two steps are even simpler.

Where are we running?

1. Up to now we have a 100% functional game engine but no game. We don’t have a goal. So we’ll have to add one and because this tutorial is about a time trial racing game we will add laps and timers.

2. Download and open the racing_part1_step3.fla file.

3. You notice that I added two frames on every layer and I labeled them “ready set”, “go” and “finish”. In the first frame a movie clip will play saying “ready, set, go”. When “go” is displayed _root will move to the frame labeled “go” where the car can move.

Why the car will not move in the first frame? Well, that’s because the “stepper” movieClip only exists in the second frame, so that’s where the “step” function will be executed.

On the second frame of the “actions” layer you will also find two new variables. Those variables will be used to store the exact time when the race started (initialTime|) and the exact time when the current lap started (lapTime).

When the game is over, after the player finishes ten laps, _root will move to the “finish” frame where an information movieClip will be displayed.

4. OK! What we need to do next is determine whether the player has finished a lap or not, so we will add two movieClip (the red line on the right side) and check if the car “touched” this movieClip, and if it did, than you know that a lap is finished… hmm… not really :)

First of all the car will “touch” this movieClip for more than one frame. Maybe for two, maybe for ten, maybe for one hundred frames, you cannot determine this number because it depends on the car’s speed. And instead of increasing the number of laps with one, you will increase it with two, ten or one hundred laps, so the race will be ready quite fast.

The second problem, assuming that you solved the first one is that one player will go past the finish line (the red line on the right) and then return immediately to the same line and “touch” it again, increasing the number of laps even though the lap is not completed. This problem can be solved in a few ways but we will chose the solution that fixes both our problems: we will add a checkpoint (the red line to the left). This checkpoint will be placed somewhere around the middle of the race so that the player will lose more time returning to the finish line than he will lose by completing the lap. Of course if you want a more secured race you will add more than one checkpoint. You will be able to easily add more checkpoints after finishing this tutorial.

5. Open the actions window for the first frame of the “actions” layer. We have to new functions both related to timing the race – setTimes (calculates and sets the total race time) and setBestLap (calculates and sets the best lap time). We’ll take them one at a time and see what they do.

6. And now one more time (I promise this is the last time) back to the “step” function and let’s analyze the new lines.

7. That’s it :) Now let’s move on to the final graphic touches and see our completed game.

Finishing the game

1. The final graphic touches… Well, there’s nothing to explain here. You can express yourself in anyway and create graphics after your own taste.

Just remember to set the alpha of the green movie clip and the red movie clips to 0.

2. This is racing_part1_step4.fla file provided with this tutorial. Download it!

3. Remember that this is just a tutorial. You must work on it in order to build a really addicting game. In the next tutorial we will add opponents in the game. Until then, have fun building your Time Trial Racing Game ;)

And by the way my best lap time is 9.84 :D

And here ends Remus tutorial. I learned a lot from this tut and I will use it to improve the gameplay with some additions.

Meanwhile, give feedback to Remus and try to beat that n00b laptime!!

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 465

  1. N00b

    I really appreciate the work hat goes into these tutorials, and they have definitely helped my development (seeong as I am a n00b).
    I’m currently working on a game like Madness Interactive, and I’ just making the firing character move!
    Much thanks,

  2. Michael

    Wow, awesome!
    I just love your tutorials, and hosting tutorials of others is just as cool. This tutorial definitely helps for when I will finally have time to pursue Flash!

    Love the end result, and just a quick run without even trying I got 9.90 for my best lap.

  3. gnark

    Definitly a nice tute.. But to all of the above commenters..
    This is an exact copy of a gameSheep tutorial.. All credits go to them..

  4. Post
  5. Monkios

    I know this is only a tutorial and there are bugs wich you did not solve but if a player goes in a wall in a 90 degrees angle, he’ll enter it slowly and be pushed ouside of the race.

  6. Dave

    Wow, nice tutorial.

    One thing, if you were to turn this into a real game, how would you address people going reverse on the track (crossing both check points still applies, but in reverse)?

    (I know you mentioned a part II, so if you address it there sorry :/ )

  7. Gagan

    Please help! I can’t open any of the file with Flash Mx. Why? The error showed was “Unexpected File Format”.

  8. Cecil

    I was wondering, whats the action script you would put on the car if you also wanted it to go to next frame when it hits something.

  9. Fraanske

    Since FOREVER I wanted to create my own games, and with your excellent tutorials I am finally beginning to understand certain mathematics (a grade I suck at) Flash uses. Your code is very clear and by simple reading, even without the FLA’s, you made me understand so much more. Can’t wait to create games for! Thanx!

  10. And Mar

    Great tute! (even if its not yours)

    To Cecil

    to make the car go to the next frame add code like this

    if (car.hitTest(terrain)){

  11. Gagan

    Help! Can anyone provide me the same tutorial file compatible with flash Mx( not ver 2004). I couldn’t open the file given here as it says “Unexpected file format”.

  12. Orlando

    Nice tutorial!! This is what I was looking for, specially because I starting with flash, specifically with Flash 9.
    After to check it and convert it to AS3, I could not find a way to predict a collision using localToGlobal method, which is very easy, So, I followed your advice to use trigonometry, and this what I got:

    function newPos(point:String,x0:Number,y0:Number,sign:Number):void{
    var hypotenuse:Number = Math.sqrt( Math.pow(x0,2) Math.pow(y0,2));
    var angle:Number = Math.PI-(this.car1.rotation*Math.PI/180)- Math.acos(sign*x0/hypotenuse);
    this[point].x = this.car1.x – sign*hypotenuse * Math.cos(angle);
    this[point].y = this.car1.y sign*hypotenuse * Math.sin(angle);
    newPos (“ref1″,-15,-20,-1);
    newPos (“ref2″,15,-20,-1);
    newPos (“ref3″,15,20,1);
    newPos (“ref4″,-15,20,1);

    where ref 1,2,3, and 4 are a circle movieClips I am using to see if positions are correct. In my case, I am putting four points in the corners of the car.

    I hope it can be useful for someone else.

    I forgot, just change car.x for car.x xSpeed and car.y for car.y ySpeed and you can check if there will be a collision.

  13. Orlando

    This is the same code but with little changes

    function newPos(point:Point,carRot:Number,sign:Number){
    var hypotenuse:Number = Math.sqrt( Math.pow(point.x,2) Math.pow(point.y,2));
    var angle:Number = Math.PI-(carRot*Math.PI/180)- Math.acos(sign*point.x/hypotenuse);
    point.x = -sign*hypotenuse * Math.cos(angle);
    point.y = sign*hypotenuse * Math.sin(angle);
    var newPoint:Point = new Point(-15,-20);
    newPos (newPoint,myRot,-1);
    newPoint.x = myCar.x;
    newPoint.y = myCar.y;
    myCar.point1 = newPoint;
    ref1.x = newPoint.x;
    ref1.y = newPoint.y;

    newPoint = new Point(15,-20);
    newPos (newPoint,myRot,-1);
    newPoint.x = myCar.x;
    newPoint.y = myCar.y;
    myCar.point2 = newPoint;
    ref2.x = newPoint.x;
    ref2.y = newPoint.y;

    newPoint = new Point(15,20);
    newPos (newPoint,myRot,1);
    newPoint.x = myCar.x;
    newPoint.y = myCar.y;
    myCar.point3 = newPoint;
    ref3.x = newPoint.x;
    ref3.y = newPoint.y;

    newPoint = new Point(-15,20);
    newPos (newPoint,myRot,1);
    newPoint.x = myCar.x;
    newPoint.y = myCar.y;
    myCar.point4 = newPoint;
    ref4.x = newPoint.x;
    ref4.y = newPoint.y;

    Remember ref 1,2,3, and 4 are just to see the collision points.

  14. tonius

    hi, this is a wonderful tutorial, however, I am really a beginner exploring actionscripts, could anyone advise me what IDE/compiler do I need to develop a flash game/program or do I need to purchase macromedia flash to do this?



  15. Frederik J

    Hi tonius. Yes, you need macromedia flash. I’m not sure about it, but i think that there excists programs to write actionscript. But as i said, im not sure about it. Anyway, you can du it with macromedia flash :)

  16. Drew

    i started using action script last week and started making games etc, i used to be a keen programer in ‘basic’ (well dated now lol) i found your site very very usefull to learn new code and put it into practice. i keep stumbling accross really difficult math problems then i look on your site and realise that the 30 lines of code i have written, can be swapped for 1 line of correct code lol. thanks

    if you have time take a look at my first game, there are glitches i know about lol, but its my first one.

  17. David

    Brilliant, but how can you change the amount of steer depending on the amount of time that the player has kept down the left /right keys

  18. ???

    nice tutorial, but i had a question. i have an older version of flash and whenever i try to download the files it always says, “unexpected file type.” does anyone know how to see it or anything, cause it doesnt really work without it. nice tutorial though!

  19. ???

    oh yeah, and also i am trying to make a game where you are constantly going but when you click the person turns. im not sure how and any help would be great. or, you could make a tutorial on it. here is my inspiration:

    its a fairly simple game, but i would still love to know how to make it. thanks!

  20. RockStar

    The tutorial is awesome but does anyone know how I create a duplicate car & give the PC controlls to it so instead of a time trail its a vs PC game?

  21. Anthony

    A great tute, thanks!

    I’ve been trying for the past three days to add a new hit test object.

    For example: A barrel and when you hit it, it plays a movieclip or sound.

    I’ve tried something similar to

    if (car.hitTest(barrel)){

    And created a clip and instance called barrel but it’s not working.

    Please help, it’s driving me crazy (pun intended)


  22. Owais

    HI…….It’s fantastic….
    I really enjoyed…
    & this is also very good tutorial.. for students or any other person.
    i am really thankful to the peron..
    who make this coding..
    I want these types codings & tutorial..
    plz send me more tutorial or scriptings on my ID..which is
    plz peoples join me..
    & communicate about these types of softwares…
    thanks. Fantasticccc…….!

  23. Owais

    HI… friends…
    I wil tel u..
    IDE means (Integrated development Enviroment)
    which we used in C++, fortron language…
    IDE can be say as.. that it is a working place where we write the scripts…
    C++ (blue screen) are also called IDE.

    and remaining… Compiler..
    it’s use for tranlation..
    compliler.. is a translator.
    can translate the program… machine language to human language…

    A common example of compiler is…
    If a person knows Arabic.. and another person knowz English…
    So here we use the compiler as a person..
    that knowz both language Arabic and English.

    and make conversion easy..
    so friend.. it’s ur question reply.
    i hope u will.. understand these topics now..thanks.. if u want contact ID is
    ome online from 6:30pm to 9:00pm fun.

  24. Owais

    If i want a openent player..
    or a computer handed player..
    So what i use or what I add in this scriting?

    Ig someone have any answer of my Question..
    So plz send me scripting on.. My Id which is.. thanks
    i will be waiting for kind response.

  25. nick

    How come whenever i try to download you files and open them in flash mx it says unexcepted file? Please Answer.

  26. tutorialkirby

    hey emmanuelle.i like the result of this tutorial but my flash cant load the file cuz its not the right format.i would be nice if you could make the same tutorial but beggining at the really start.and when will we know how to add ai to our making one and poeple dont like it becuz theres no cpu.please help me.

  27. Van meerhaeghe

    hello everyone !

    I’m trying to make a racing game with your example, i have the solution for an Ai but i can’t :

    – skid the car in a turning point
    – know in live what is the place of the car (1st, second, etc.)
    – have a realistic collision with other cars…..

    You can find the begin of my job here :

    If someone can help me !

    Manu (sorry for my bad english)

  28. Anthony

    My best lap was 7.17
    Thanks for this tutorial.. although I am a noob and only get some of it… I just need to learn the ariables and how to code haha.

  29. eichwulf

    This is great, I used it to make my own racing game. I deleted a lot of code – especially about collision with the ground – it’s not correct, I just wrote to slow you down when you are on the ground.

  30. Verena

    this is a really nice tutorial.

    Well, i need a version in AS3. Is there somebody, who can help me or is there sombody, who rewrite the program already?

    It would be very nice!!


  31. Umer

    It Was Just what i was looking for, i love it. But there are some loop holes which can be fixed once you get off from computer and think about it, You know when you sit on computer there are too many distractions, right? Anyway nice new site’s layout. Congrulation,

    Please Make New Site address instead of, it’s hard to remember and your site is even harder to be searched it just doesn’t showup in search list. So have another domain name Like or something like that SInce you are always bragging about it so i figured that would suit your site, huh.

  32. Bonehead23

    I really like this, its help me understand AS2 so much more. I am trying to work on additional elements to this game like places were you can speed up faster then the max speed and other things like going smaller and larger and so on. Could you guys help me with this??

  33. grelek

    hey Verena are you still looking for a AS3 version?
    i started making a racing game using this tutorial, but i’ve since added oppenents and gears and a vertical panning course.
    its more like a drag racing game at the moment, but i’ll add in some corners later on :P


  34. as3 version

    how about a as3 version. i tried to make one on my own with limited success. what is getting passed with “who”? there’s no variable called it and .code i don’t think applies to as3 either.

    1. atomic robo kid

      I tried to download your carTableDetail.rar file at this address >> file on your website but all I get is un-readable code which seems to have the extension file type of a .RAR (compressed) file. It looks like the binary source code but how do i use it please?

      Because you’ve managed to solve the AI issue, I think virtually everyone here would be grateful. It’ll also make the original tutorial complete since no one can find the “GameSheep Car Racing Game – PART 2 – Adding Opponent Cars”. Please re-upload the FLA sourse file(s) for the version with opponent cars on your website (please post link here).

      Cheers mate.

      The Atomic Robo Kid

  35. Pingback: 35+ Flash Game Development Tutorials & FLA Files | Showcases |

  36. Alex

    Tal vez no entiendan porque hablo español, pero sólo quería aportar que el juego tiene un bug, para que el programador lo tenga en cuenta.
    Si doy la vuelta completa en reversa me la cuenta como una vuelta normal.


    I’m from Colombia, however i will try to explain in english:

    Only for information to the developer:

    If i drive in reverse one complete lap, it will count too.

  37. Tom

    How might I modify the game so that you don’t have to continually press the up arrow to maintain forward motion? I’d like to be able to press the up arrow once, have it start moving slowly, then with each successive press, the forward motion would accellerate; same for the slowing down using the down arrow.

    Any help is appreciated.


  38. Nightrider

    @Tom: just change this line
    if (Key.isDown(Key.UP) && this[“speed”+who]<_root.maxSpeed)

    into this
    if (this[“speed”+who]<_root.maxSpeed)

  39. Pingback: Flash Tut. » Create A Flash Racing Game

  40. potty

    Very cool tutorial though I got a question! How simple is it to apply items into the game? such as oil slick? turbo bottles and such? :) Been racking me brains out to have item drops on such a simulation…

  41. ty

    i’ve always wondered how to make one of those side veiw dirt bike games were you travel through
    inclines and declines trying not to fall over, I
    mean it’s so complicated, if you have one wheel on
    a higher or lower level the whole movieclip rotates to a certain degree dependant on the y and x axis of both wheels.

  42. Ansis

    7.33 ;)

    It is the best tutorial I’ve ever seen :) I mean the style is consistent and the explanations given for the math behind it are easily comprehensible :)

    I sort of imagine, how to put together some AI cars that follow waypoints on the map, but I would surely appreciate it, if you could make and post the second part of this tutorial. I really want to see, how it can be done in a neat and fluent coding style :)

  43. Karl

    Really nice tutorial – Thanks!…
    I would love to learn about adding a multi player option or a play against the computer option :-)

    where can I find Part 2 of this Tutorial?

  44. patrick

    Is there a part 2 please link please???

    @60.Van meerhaeghe on October 15th, 2008 2:55 pm

    [quote]hello everyone !

    I’m trying to make a racing game with your example, i have the solution for an Ai but i can’t :

    – skid the car in a turning point
    – know in live what is the place of the car (1st, second, etc.)
    – have a realistic collision with other cars…..

    You can find the begin of my job here :

    If someone can help me !

    Manu (sorry for my bad english)

    How do you make your circuit move whit te car???

  45. cammyj3

    this is an awesome tutorial 5*

    i am trying to put this game into my own project now for college presentation but i cannot find where to put the stop() code in to make the game continue and not go to the next scene. the game starts by ready, set, go and after go, it continues to the next scene… this is very frustrating! please would you assist me as soon as possible. im sure other people are suffering from the same issue.

    thanks alot!

  46. Pingback: 20 Best Flash Game Tutorials to Create Your Own Flash Game | Dzine Blog

  47. keethakaran

    i m do in project regard highway codes.
    this is project outline its game based learning, therefore user can learn by enter game.
    game outline function…….
    user login.
    user progress level(progress will show 5 different section in highway code
    example like motorway section score 2 out of 5.

    game like when car move near sign code question will pop up and answer with in certain time or it will skip to another question

    do have an idea to improve and development help for this project

  48. Pingback: Recursos para Crear nuestro propio juego en Flash | Tutoriales de Flash, Animación 2D, Regalos .fla, y mucho mas….!

  49. harry

    ok i have made a new track and when i play it i can drive through the actual track and it doesnt push me back could someone help me find where abouts in the code i have to change so my second track doesnt let you drive through it as if it is invisible.

    plz mail me at
    or post a repley

  50. Pingback: eagrapho » 20 Best Flash Game Tutorials to Create Your Own Flash Game

  51. Pingback: Melih Uçar - » En iyi flash oyun olu?turma dersleri

  52. Kalashnikova

    Hey, nice tutorial, I just have one basic question, what kind of flash player/editor do you use? I want to get one but I don’t know which one would be best for making games, suggestions would be greatly appreciated.
    Btw, I also got exactly 7:30 for best lap

  53. Pingback: ?????20???Flash?? | ??????

  54. Pingback: Flash Game Development Tutorials & FLA Files

  55. Pingback: 20 Best Flash Game Tutorials to Create Your Own Flash Game | Design Trip Blog

  56. Pingback: Tutorials on car driving.. « Final Major Project

  57. Pingback: 20??????????flash??????? | ??????

  58. Azhar

    Nice tutorial…….. Hope u’ll keep same work goin in future and provide lots of such stuffs
    God bless u…………. keep coding
    Enjoy n take care………… once again thanks for guidance and for great tutorial

  59. Bilal

    What a way to start and complete this game!!!!
    Nice tutorial…….. Hope u’ll keep same work going in future and provide lots of such stuffs
    God bless u…………. keep coding
    Enjoy n take care………… once again thanks for guidance and for great tutorial

  60. Pingback: 20 Best Flash Game Tutorials to Create Your Own Flash Game | | DzineBook

  61. atomic robo kid

    Hello all. This particular tut originally made by GameSheep is fantastic. Much enjoyed. It’s very intuitive if you’re quite comfortable with Flash.

    My only concern is how to add AI opponents. of course I know it’s been done and some of the results are equally as fantastic. Did you lot see these? and
    by others users. Amazing. I was impressed because I would like to implement something like that. HOW????

    Please help me.


  62. atomic robo kid

    @ gamenetwork

    hello. I tried to download your carTableDetail.rar file at this address >> file on your website but all I get is un-readable code which seems to have the extension file type of a .RAR (compressed) file. It looks like the binary source code but how do i use it please?

    Because you’ve managed to solve the AI issue, I think virtually everyone here would be grateful. It’ll also make the original tutorial complete since no one can find the “GameSheep Car Racing Game – PART 2 – Adding Opponent Cars”. Please re-upload the FLA sourse file(s) for the version with opponent cars on your website (please post link here).

    Cheers mate.

    The Atomic Robo Kid

  63. Pingback: Create a Flash Racing Game Tutorial – AS3 version - Emanuele Feronato

  64. Pingback: tutorial : making game flash “racing game” « for better future

  65. Thomas

    Well, I’ve watched a lot of your tuts and I have to say you’re great. They’re all really helpfull. So is this one!

  66. Nile

    PLEASE HELP!!!!!!!!!How do i set the alpha to zero?\
    & when i customize the graphics of the symbol it slows my car down!

  67. chris

    Great tutorial, im needed some help im a propper noob at this, i’ve followed the tutorial tested the game and got it working but what i need to know is how to save the game to be play on a website and how to put the game on my website?

  68. Pingback: Create a Flash racing game – Flex version - Emanuele Feronato

  69. juib

    I would recommend a wall at the edge of the map because otherwise (although it is a little difficult) the car can leave the map completely…

  70. lulu

    2 questions..

    1) how to change the code into 1 player.. without “check to see if the car in question is controlled by the player or by the computer”

    2) how to change the lap from 10 laps to only 1 lap??

    helppp pls… pls pls pls~~ :(

  71. Pingback: Formig-Racer « Leandro MOTENAI Ribeiro

  72. Pingback: » Create a Flash racing game – Flex version - Complete listing Tools and resorces for the ultimate web developer

  73. Kenneth

    Nice work:) found your tutorial through google. I’m interested in creating a physic based bike riding game. Wondering if there is a tutorial about such type of game.

  74. Pingback: Flash game tutorial: corsa automobilistica

  75. JK

    I too am having problems with the “Play Again” button. How do you get it to work?

    Otherwise it is an amazing tutorial. Thanks a lot, I am using it to teach Flash in my class. Thanks.

  76. Connor

    i am a complete noob and i cant understand a poo of what any of this is. although i did enjoy the game :). i got stuck ate the start. what program do you use to open the .fla file?

  77. Pingback: Flash Game Development Tutorials & FLA Files | Cruz3N Blog

  78. Ygr3ku

    i did 8:37 and working on it. anyway, nice tutorial, nice game. now i develop some game ideas, if you have any, please reply.

  79. Jimbo

    “if (Key.isDown(Key.SPACE) && this[“speed”+who]<_root.maxSpeed) {
    this["speed"+who] += _root.maxSpeed;"

    To actions

    FOR A BOOT!!!

  80. Emil

    Thanks for the tutorial, I’m a noob at flash, but I’ve learned a lot from trying and failing at modifying this racing tutorial. However I’m quite stuck at 2 things:

    1. I want to have acceleration also on the reverse, how can I add this?

    2. I want to make the collisions more instant. I don’t want the car to slowly run into the wall like it’s jelly. When the car hits a wall straight on, I want it to instantly stop. And when the wheels just slightly strikes the wall I’d like it to slow down, not be able to sink more into it.
    How do I go about doing this?

  81. Pingback: 11+ Hand-Pick Step By Step Flash Game Development Tutorials -

  82. Trenton

    i like the wesite and the game. the only problem im havings is the play again button and i can’t find your racing_part1_step4.fla download. so can you send it to me please

  83. diego

    Nice Tutorial, i’m new in flash, i was wondering how i could change that car with a new one, i tried all ways but i can’t make it works like the blue one, it doesn’t move. Can someone help me?

  84. Antony

    I want to know how to create a level after this and link them together. I want them to go to the next level if they finish the laps in nuder 100 secs. Please reply

  85. buddy

    hello is there any way you can control the car by other controls like
    WASD or like any of the other letters on the key board

  86. buddy

    hello nice tut
    is there anyway you can change the controls of the car

    to like WASD
    plz reply quickly thanx

  87. Pingback: TechLab.105 » Blog Archive » M4 Intent Mod

  88. farrukh

    ya @VISHAL you can , on his own responsibility if then u find problem , then call
    me , then i’ll explain u in detail ,every line of the code, ok , now try it , ASAP

  89. vishal

    Hi @farrukh, i try to make level in this game and i make new track for new level but when racing start, my car went on non accessible areas …

    i copy and paste the whole script as it is. i change the variable name but noting happened .

  90. Pingback: » 40 Top Flash Game Tutorial Roundup stuff i like

  91. Dan

    Any ideas why it is not working for me? It works fine in Adobe flash, I can play the game, but on this page I cannot. (Also I cannot play the game created from the tutorial in a web browser).

    Must be some setting on my broswer, but what?

  92. Sean

    The ‘play again’ button isn’t working why?

    It might have something to do with the fact download part 4 can’t be downloaded now but what do I do to make play again work.

  93. Pingback: Create a Flash Racing Game Tutorial « GuarniBlog

  94. Sundeep

    first of all, nyc tutorial.
    can anyone tell me what is the use of “stepper” layer in “step1.fla”. And my another doubt is how does the actionscript knows the boundaries of the track?
    Plz help me in this..

  95. Pingback: Top Flash Game Tutorial Roundup Part 1 | VapvaruN | Wp Experts

  96. Matt

    Best lap time: 7.20
    Best course time: 1:22.07

    Nice tutorial though. To do this, must I buy the software for $600+ though? I’d like to get to know flash, but I don’t think I could afford that.

  97. Vladislav

    Hi everyone, please share the second part of this wonderful lesson. Or send a lesson on creating the enemy in this game. I am your very please, do it

  98. Pingback: Free Tutorials to create your own flash games

  99. quyenclna_vietnam

    hello ! hi pic
    i don’t understand the layer stepper
    this working for ?
    why when i detele layer stepper the car don’t running ?

  100. Pingback: Making A Game « Serious Brew

  101. Pingback: Daniel Groves Web Design

  102. Pingback: Tutorials « jaechonmurphy

  103. Andree

    I want the collision more instant. I don’t want the car to slowly run into the wall like it’s jelly. When the car hits a wall straight on, I want it to instantly stop. Could you help me?

  104. Violeta

    Hi! Thanks for this tutorial, I want to transform from ActionScript 2.0 to ActionScript 3.0, can somebody help me, please!!!

  105. Pingback: Yellz Blog! » New Flash Car Racing Game

  106. BigDickNick

    just got a 1.06 ;)

    ….you guys are so gay. like really, the biggest thing you have to worry about is what lap time you got on a mediocre flash game? pitiful.

  107. Rachwomaninoff

    How do I get the ‘Play Again’ to work? Do I need to create an event listener and function or what? I’d appreciate your feedback.

  108. nartes

    It’s a really good tutorial for beginners. It’s a really good example for beginners. On other hand check of leaving from the map is not very well implemented . If you start going backwards at an angle slightly less that 90 degrees to the boundary of the track, and press constantly left or right while hodling back down, the machine will leave well beyond the field

  109. Pingback: Best Action Script 3 Game Tutorials

  110. jordan

    hi, im doing this for a school project but i have to add something to it…..
    aand i suck with computers so if you can it would be nice if you tell me how to make a pause button or something….

  111. Pingback: » Blog Archive » Creating a Racing Game

  112. Pingback: Create a Flash Racing Game Tutorial | Deep Ocean, Wide Sky

  113. Pingback: ?????20???Flash????????????Flash?? » ?????

  114. Pingback: 32 Best Action Script 3 Game Tutorials

  115. tayyabah

    can anyone tell me kindly how to make a game in which we have to collect different alphabetic characters in flash games..
    kindly tell me

  116. tayyabah

    hi can any one kindly tell me how to make flash game in which you have to collect different alphabetical characters…
    kindly tell me plz

  117. Jonny

    Hey, nice tutorial. I’m using this to compile a game where there’s several levels(It’s for my beginner’s animation class so we can understand simple flash coding and what-not)

    I need some help: When I put the different levels in(On frames 5, 15, 25, 35, so on) I made buttons that take you to each perspective frame. Now, the level works normally, but one of two things happens at the end:

    1. The level won’t let you finish. It’ll stop on lap 5 when you should be done and you’ll be driving around with no objective.
    2. Once you finish a level, it switches over to another level on a different frame, then as it says “Ready, Set, Go!” it cycles through three more levels before ending on the first one one and making you play it. Then problem #1 occurs.

    Some help would be nice. Thanks :)

  118. Pingback: | Wanderer

  119. Pingback: car 15 cloneCamfrog | Camfrog

  120. Pingback: Race The StooshBus Flash Game | Native Noise

  121. Pingback: Online Motor Racing, Auto Racing, Car Racing, Racing Auto | test

  122. Pingback: 20??????????flash??????? - ??????????

Leave a Reply

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