Get Creative With The HTML5 Canvas

Create awesome Canvas graphics & animations for websites, apps or games!

   Watch Promo

Learn how to draw amazing graphics and animations using the HTML5 Canvas!

The Canvas is a HTML5 element we can use to add a drawing area to our websites, applications or browser based games. The Canvas is packed full of features to create some amazing graphics.

We begin this course with the basic features including:

  • Setting up the Canvas and creating fallback content for unsupported browsers
  • Scripting
  • Drawing shapes such as squares, rectangles, arc's and circles
  • Lines & paths
  • Line widths and matching to pixels
  • Working with different types of corners and miters
  • How to remove sections of the canvas
  • Adding Canvas text and styling
  • Color fills, patterns, gradients and shadows

Then we step things up looking at more advanced techniques such as:

  • Bezier & quadratic curves
  • How to save and restore the Canvas
  • Scaling, rotating and translating drawings
  • How to use transformations
  • Accessing pixel data to both draw to the canvas and also manipulate images.
  • Use loops for repetitive tasks
  • Adding canvas animations

This course also includes a free cheat/reference sheet for you to use in the course, or for future reference.

The uses for the Canvas is only limited to your imagination! Everything you need to complete the course is included or free to use, there is no extra software, subscriptions or purchases etc to complete or take this course.

So are you ready to take your skills to the next level?

Join me now and I look forward to having you on board!



Your Instructor


Chris Dixon
Chris Dixon

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and i have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.

Chris


Course Curriculum


  Introduction & Getting Started
Available in days
days after you enroll
  Canvas Basics
Available in days
days after you enroll
  Stepping It Up
Available in days
days after you enroll
  Project
Available in days
days after you enroll
  Thank You
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

This course is closed for enrollment.