Video Description
Learn how to use the HTML5 Canvas element and related HTML5 capabilities such as video and animation. This four-hour video shows you how to make the most of Canvas by demonstrating the use of compelling applications, including drawing programs and image filters.
Here are just some of the things students you’ll learn how to do:
- Draw and erase graphics in a canvas
- Draw and scale images
- Filter and manipulate images
- Create animations
- Use Canvas with other HTML5 elements
Intended Audience:
If you’re an experienced JavaScript developer who wants take full advantage of Canvas, this video is for you. You should be well-versed in JavaScript as well as HTML and CSS. You should also be familiar with computer graphics.
Table of Contents
- Introduction to the HTML5 canvas element 00:24:52
- Transformations, Gradients, and Patterns 00:22:38
- Compositing and Custom Components 00:19:55
- Implementing a Paint Application, Part 1 00:55:45
- Images 00:23:36
- Implementing a Paint Application, Part 2 00:17:46
- Images, Redux 00:11:21
- Animation 00:44:48
- Video and Mobile Devices 00:31:56