HTML5 Canvas Made Easier – oCanvas

When using the native canvas API,  we normally draw pixels on the canvas (to create objects) which is pretty time consuming .

oCanvas is a JavaScript library that focuses on creating a simpler development process with HTML5 canvas.

The library enables us to work directly with objects (like rectangle, ellipse, image, etc.) and has:

• an animation module for moving + transforming them,
• a timeline module for start-stopping these animations and setting their duration,
• an events module that supports "touch" behind mouse and keyboard interactions.

Using oCanvas, it is possible to create scenes which is handy when separating your application into different states.

The library is small in size (15kb gzipped), very well-documented and extensible with its plugin support.