Gamedev Canvas Content Kit

Demos with the source code available for every step

This Content Kit is based on the workshop materials available at breakout.enclavegames.com and hosted on GitHub. The latest set of demos can be found there, but they are also stored in this Content Kit as a backup, so you don't have to download multiple resources for your talk or workshop.

Here's the list of the code examples:

  1. Create the Canvas and draw on it
  2. Move the ball
  3. Bounce off the walls
  4. Paddle and keyboard controls
  5. Game over
  6. Build the brick field
  7. Collision detection
  8. Track the score and win
  9. Mouse controls
  10. Finishing up

There are no particular requirements for the demos - all you need is a fairly decent browser to run them.

You can also go back to the Content Kit's index page.