Html5

HTML5 Racer - Adding a Track and Colliding with it

I began building a very simple HTML5 racer game back in November. It was my first exploration in to doing simple games with HTML5 and canvas.

It has lay dormant for a while, I’m going to take it another step further and put the car on a track in this article and inflict some speed drag when the car is not on the track.

In this series:

• Making a simple HTML5 racer game
• Adding a track and colliding with it
• Adventures in HTML5 Games

A track

So open up your fave image package and draw a track. I searched for the Silverstone Circuit and simplified it a bit. I ended up with this:

Making a simple html5 racing game

I’ve been wanting to try my hand at doing some game development for a while and I finally managed to make a start.

I decided to make a simple driving game using HTML5. I began doing a bit of a search for tutorials which build a simple top view racing game but didn’t stumble upon any for HTML5. I did find a flash tutorial which I have used as a starting point.