HTML5 Canvas Sprite Animation Library

    // Create the sprite.
    var sprite = new Sprite('sprite.png', {
      frameW: 60,
      frameH: 60,
      postInitCallback: function() { // Runs when the sprite is ready.
        // Start animating.
        sprite.startLoop();
      },
    });
 
    // Draw the sprite. You should do this every time you repaint the canvas.
    // Frames update automatically.
    // var context = document.getElementById('canvas').getContext('2d');
    context.drawLoadedImage(sprite, 100, 100); // x and y position on canvas