HTML5 Game Development Tutorial: Breakout Part I – Introduction to Canvas. This is the first in a series of tutorials on developing a full featured version of Breakout.
This tutorial will cover drawing primitive objects on the screen using the Canvas element and developing the basic game screen. Before we get started, check out the finished Breakout game demo. With flying bats, falling spiders, laser turrets and exploding bricks, its probably a little different from the typical breakout game. We will be recreating this game over the series. Impact - HTML5 Canvas & JavaScript Game Engine. HTML5 game tutorial - Make a snake game using HTML5 canvas and Jquery.