Basic canvas example

[fitness23 0 Likes (Newbie)]

Hi,

 

I understand how to do an animation within the DOM but I would like to see a basic example of animation within html5 canvas. Can anyone send me a basic example? Even if it's just to see a black box going from left to right.

 

Many thanks.

[Michael71 59 Likes (Contributor)]

I have set up an example some time ago. This might help you get an idea.

However I am using KineticJS for all my canvas manipulations, I find that it has all the missing parts of canvas.

 

See the Pen IwAoc by netgfx (@netgfx) on CodePen

 

I hope it helps.

[Carl 9,066 Likes (Superhero)]

Thanks, Micheal!

 

Also check out Lee Brimelow's video here: http://www.gotoandlearn.com/play.php?id=161

 

He gets to the canvas stuff at 16:24. He'll walk you through the basic concepts.