This full tutorial video is an introduction to game development using vanilla JavaScript and HTML5 canvas. Chris Perko shows how to build a complete brick-breaker game while explaining the fundamentals of game development.

The video covers the following topics:

  • Project Setup and Canvas
  • Drawing on the Canvas
  • Clearing the Canvas
  • Creating the Player's Paddle
  • The Game Loop
  • Handling Keyboard Input
  • Moving the Paddle
  • Stopping the Paddle
  • Drawing the Ball Image
  • Moving the Ball
  • Refactoring to the Game Class
  • Collision Detection between the Ball and Paddle
  • Loading Bricks
  • Building Levels
  • Collision Detection with Bricks
  • Pause Screen
  • A Simple Start Menu
  • Game Over
  • Completing Levels

You can watch the video on the the freeCodeCamp.org YouTube channel (76 minute watch).‌