HTML5 Simple Canvas Tutorial

Tut 1

Diving into the world of game development can be a daunting task, but luckily there are tutorial makers who are glad to help. An often problem with these tutorials is they are overly complex for the beginners. With this HTML5 game tutorial, you’ll be taken through the code line by line in a very simple and easy to follow guide.

Tut 2

It teaches everything from the core game loop to the logic behind the collision between the characters on the screen. The game is simple yet can be expanded upon by the creator so the only limits are what you want to do. To read the tutorial click here.

Tut 3


You might also find this interesting:


  1. 4-Part Creating a Simple Windows 8 Game with JavaScript Tutorial Chris Bowen has written a 4-part series on SitePoint on creating a game for Windows 8 using JavaScript. The tutorial series walks you through the steps of building Catapult Wars,...

  2. Developing a simple HTML5 Canvas Space Shooter The mozilla hacks blog has an interesting article on building a simple 2D space shooter with both single-player and multi-player support. While not a full tutorial, it provides a good...

  3. Flappy Bird HTML5 Tutorial A youtube channel by the name of development hub has recently launched a new video series of game development tutorials. In this playlist, they outline how to create a Flappy...

  4. CodePlayer Tutorial: Make a snake game using HTML5 and jQuery The folks over at TheCodePlayer.com have written an interactive coding tutorial that walks you through the code for making a snake-game in HTML5. The tutorial walks you through the code...

  5. ImpactJS Game Tutorial ImpactJS is an impressive engine to use in your HTML5 game development projects. It comes with its own level editor allowing you to create a massive world for your game....

, , , ,
Canvas-4, HTML5 Game Dev Tutorials