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).