HTML5 Canvas - Create 5 Games, 5 Projects, and Learn JavaScript

An interactive course to learn HTML5 Canvas features.

About This Video

• JavaScript allows you to draw on Canvas
• Use Canvas with the available image options to create images
• Advanced features like image rotation and shadows applied to text

This course will cover HTML5 features in a way that will allow you to quickly implement the concepts into interesting projects. You will learn how to draw elements in Canvas and add keyboard event listeners to allow for player interaction and arrow keys. This course explains how smooth animation is critical for game play in great detail. Other essentials for gaming include scoring and applying automation to player moments.

These are the games that you will be playing during the course:

#1 HTML5 Canvas Pong - Hit the ball between two players on screen

#2 HTML5 Canvas falling item catcher: Catch items before the screen goes black

#3 Bubble popper using mouse clicks: Click on the bubbles randomly appearing on the screen

#4 Brick Breaker: A variation of the classic brick breaking game

#5 Battle Bots game: Two independent players or take control of the keyboard and have two players play.

You will be able to create a HTML5 Canvas game by the end of this course. To achieve this feat, HTML and JavaScript are all you need.