Canvas - Animation

There’s so much to learn about animation with the Canvas element that we can’t even begin to cover it all here, but that doesn’t mean we can’t get our feet wet and have some fun! After all, one of the best things about coding is that it’s fun.

“In your opinion is HTML5 Canvas currently a viable alternative to Adobe Flash?”
sample interview question

Let’s get started with some reading, shall we?

Basic animations

Let’s follow it up with a quick tutorial

Simple Animation in the HTML5 Canvas Element

Let’s continue this lesson with a nice short film about animating color values – a simple and visually appealing way to use the canvas.

HTML5 Basic Canvas Animation

We’re also going to be using the JavaScript's setTimeout() method. Let’s conclude the learning portion of this lesson with by reading a quick tutorial about it.

W3Schools: setTimeout()

In closing, please enjoy this special Coding for GOOD video presentation with a Engineer from Electronic Arts.

HTML 5 Canvas with Electronic Arts
What's next? Do the challenge!

0 Comments — Be the first!