Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

HTML5 Canvas API Crash Course

Traversy Media via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This introductory course teaches the HTML5 Canvas 2D API with JavaScript, covering shapes, paths, arcs, images, animation, keyboard events, and collision detection. It applies these techniques in a simple breakout-style game.

Syllabus

Intro
Canvas Context
FillRect
StrokeRect
Paths
Arc
Animation
Draw Circle
Update Canvas
Collision Detection
Breakout Game
Player
Draw Image
Update Animation
Event Listener
Detect Walls

Taught by

Traversy Media

Reviews

5.0 rating, based on 1 Class Central review

Start your review of HTML5 Canvas API Crash Course

  • Profile image for Frank Sichone
    Frank Sichone
    Nice Course, now can we continue with the most advanced concept, and even make some simple and complicated physics and chemistry simulators

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.