Recently I decided to learn a little bit about the new html5 element canvas.

The results of my attempts is this bouncing squares demo. It is a fairly simple demo that you can view source on if you want. I did want to point out a few areas about the canvas element that I wasn’t aware of before:

• Drawing on the canvas is a very low level process. In the demo square is individually draw and erased to simulate animation.
• jQuery is very valuable addon to abstract the state machine you have to simulate.

I’m working on a collision detection demo but its still buggy.