Looking for a HTML5 canvas JavaScript library or framework

Question

I am trying to make an interactive guide in HTML5 canvas element. With interactive guide, I mean something like this.

I want a JavaScript library or framework which is suitable for making interactive guide like the example above. So basically, I am looking for a a library which helps with following:

• animations
• rollovers
• visual effects
• creating shapes
• different tabs (navigation) (like the one in the example)

As a side question - Do you know any good tutorials for learning canvas element (I was going to start with W3Schools but people say it is not a good resource).

Answer 1

This are two javascript animation frameworks that you could uitlize paper.js and raphael.js check out this tutorial http://coding.smashingmagazine.com/2012/02/22/web-drawing-throwdown-paper-processing-raphael/

You can also use jquery ui which design for specifically for user interfaces http://jqueryui.com/ here is a how to on jquery ui http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-windows-like-interface-with-jquery-ui/

and for the canvas tutorial you can start with this http://net.tutsplus.com/tutorials/javascript-ajax/canvas-from-scratch-introducing-canvas/

hope it helps!