02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

Working with HTML5 Canvas

So far we've worked with pre-existing art and the limited amount of what we created ourselves was vector art. In this lesson, we'll crack into the world of HTML5 canvas. Because we don't have enough time to cover the many layers of working in Canvas this will be a rudimentary introduction. To learn more of canvas check out my <a href="http://smarturl.it/canvas">book</a>. There is a reason why I want you to know about Canvas. Throughout this chapter, it will help us understand how animating curves work.

Canvas, Colors and Curves

The ColorPlugin and BezierPlugin. The majority of chapter we'll dive deep into curves as we dabble around with HTML5 Canvas.

00:42

Working with HTML5 Canvas

In this lesson we crack into the world of HTML5 canvas.

14:59

Drawing in Canvas and the ColorPropsPlugin

This lesson is a mishmash of a lot of wonderful things. We start off with exploring the world of HTML5 Canvas and finish off creating a sophisticated Color animation within our canvas.

15:07

Exploring Bezier Curves: Bezier Thru

By the end of this lecture you have will feel like you crossed into the dark world of curvy animation.

07:32

Exploring quadratic bezier curves

Although I don't control the elements I do control quadratic bezier curves and animations and so will you.

12:16

When one controller is not enough: qubic curves

Although I don't control the elements I do control qubic bezier curves and animations and so will you.

11:31

Rotating assets

This is the last leftovers in this topic of animating curves and with it we want to focus on how could we add rotations to our element.

03:59