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

This course goes over the features of HTML5 in a way that will help you quickly implement the concepts in interesting projects. You'll learn how to draw elements on Canvas and add keyboard event li

English
Created by
Last updated Fri, 28-Jul-2023
+ View more
Course overview

This course goes over the features of HTML5 in a way that will help you quickly implement the concepts in interesting projects. You'll learn how to draw elements on Canvas and add keyboard event listeners for arrow keys and player interaction. A smooth animation is very critical for game play, and this course goes on to explain it in great detail. You will also learn other essentials required for gaming, such as scoring and applying automation to player moments.

The games involved in the course are as follows:

#1 HTML5 Canvas Pong: Hit the ball between 2 players on screen

#2 HTML5 Canvas falling items catcher: Catch items before they hit the bottom of the screen

#3 Bubble popper with mouse clicks: Click the bubbles as they appear randomly on the screen

#4 Brick breakout game: A version of the classic brick breaker game

#5 Battle Bots game on Canvas: Two autonomous players or take control and have 2 players using the keyboard

By the end of the course, you will have mastered the basic techniques to create a game using HTML5 Canvas. All you would have used to achieve this feat are HTML and JavaScript.

All resources and code files are placed here:https://github.com/PacktPublishing/HTML5-Canvas-Element

What will i learn?

  • Create your first game using HTML5 and Canvas
  • Use the Canvas element to draw
  • Apply JavaScript to create Canvas effects, such as matrix, bouncing ball and more
  • Build a game with HTML5 Canvas, apply game logic, and more
  • Build projects that use advanced features of HTML Canvas
  • Create 2-player interaction and response
Requirements
Curriculum for this course
1 Lessons 12 hrs 17 mins
HTML5 Canvas - Create 5 Games, 5 Projects, and Learn JavaScript
1 Lessons 12:17:00 Hours
  • HTML5 Canvas - Create 5 Games, 5 Projects, and Learn JavaScript
    Preview 12:17:00
+ View more
Other related courses
3 hrs 30 mins
Updated Wed, 23-Dec-2020
0 2
10 mins
5 1
8 mins
0 0
1 hr 22 mins
Updated Fri, 16-Jul-2021
0 3
3 mins
Updated Thu, 14-Jan-2021
0 0
About instructor
Includes:
  • 12 hrs 17 mins On demand videos
  • 1 Lessons
  • Access on mobile and tv
  • Full lifetime access