Animating with Canvas

<canvas> has been supported on most browsers (and emulated on others) for a while now. Web developers have done some pretty cool stuff with <canvas> – from niffty reflections to very cool charting [1] & [2] to UIs. Recently, I have noticed a few examples of using <canvas> to create animations. The results are pretty amazing and don’t seem to kill my CPU in the process:

  • John Resig’s processing demos [1] & [2] (I hope these get published soon)
  • Canvas Animation Kit Experiment [blog] & [demo]

And now we are getting 3D canvas too (Firefox and Opera). Sweet.

What’s it going to take to get this simple bitmap buffer into Internet Explorer?

4 Comments

  1. Ryan Stewart said,

    November 27, 2007 @ 6:54 pm

    That’s cool! I hadn’t seen those before. I’m curious about the 3D canvas, so thanks for the pointer links.

    =Ryan
    rstewart@adobe.com

  2. AndersH said,

    November 28, 2007 @ 2:07 am

    > What’s it going to take to get this simple bitmap buffer into Internet Explorer?

    An activeX control (and some exploit to auto install it).

  3. Olly said,

    December 3, 2007 @ 12:20 pm

    There’s a project underway to bring the 2D version to IE using VML and behaviours — http://sourceforge.net/projects/excanvas/

    I’ve no idea if it could be extended to include the 3D variant.

  4. Riccardo said,

    December 11, 2007 @ 12:39 pm

    Silverlight anybody?
    I think that Silverlight, by now, is a very cool solution with a lot of potential (Silverlight 2.0 with embedded .NET framework): not only vector graohic support, but video streaming and event handling.

RSS feed for comments on this post