HTML5 Canvas Tutorial for Beginners

Released May 20, 2018

Down to code some sick nasty interactive animations? Let me show you how.

HTML5 canvas easily generates interest to what would be a boring ass website. It's what allows us to create generative art that is simply impossible to recreate by hand. With a little bit of coding, we can animate and interact with this art, creating wonders of beauty that are truly unique to the medium of digital technology.

In this multi-part tutorial series, we'll cover the four essential skills for any HTML5 canvas piece:

  1. Creating and Resizing Your Canvas
  2. Drawing Shapes
  3. Animating Elements
  4. Interacting with Objects

If you want to become an HTML5 canvas pro, these four skills will provide a rock solid foundation to build upon.

In this episode, we cover skill number one: creating and resizing your canvas. Follow along and you'll be cranking out interactive wonders in no time.

4 Lessons

1:30:53 hours

Skill Level

Beginner

SHARE

Cheat Sheet Preview

Download The Official Chris Courses HTML5 Canvas Cheat Sheet

Essential canvas syntax at your fingertips.