Create Basic Animation Using Kinetic Sprite

In this post I will show you how to create a basic animation with Kinetic Sprite.  For the newbies, KineticJS is a 2D canvas library. Canvas is an HTML5 element used to draw pictures.

Kinetic Sprite is one the easiest way to show animation on a webpage.  The KineticJS Library is an easy-to-go API to the cumbersome canvas library and has definitely simplified the tasks.

The detailed documentation of Kineticjs is definitely a good source to pick up things. In this tutorial, we are going to do little animation. It will comprise of a simple circle moving around a rectangle. Although this simple looking example can enable you to the vast capabilities of the library.Continue Reading