Create Amazing Animations with JavaScript: Paper.js

Techniques  and methods for rendering animation in web browsers have evolved interestingly from GIF images to Flash and then from JavaScript to HTML Canvas element.

The later is, without an iota of doubt, the most effective and futuristic especially in this era of tablets and smart phones that are not powerful enough to render ‘bulky’ animations at the cost of precious Internet bandwidth. Hence the future in HTML 5 that utilizes several higher level libraries like Paper.js to deliver lightweight animation over the Web.

Paper.js is an open source vector graphics scripting framework that utilizes HTML5 Canvas element and offers clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.