Sprite Explosion Demo

A demonstration of how you can easily animate sprites using Enyo's `enyo.SpriteAnimation` kind.

CSS

body {
    background-color: black;
}

JavaScript

enyo.kind({
	name: "sample.SpriteSample",
	components: [
		{kind: "enyo.SpriteAnimation", src: "http://www.polybeast.de/portfolio/SkybusterExplosion.jpg", width: 320, height: 240, rows: 5, columns: 4, duration: 1500},
		{kind: "enyo.SpriteAnimation", src: "http://www.aber.ac.uk/~dcswww/Dept/Teaching/CourseNotes/current/CS25210//slides/explosion17.png", width: 64, height: 64, rows: 5, columns: 5, duration: 1000},
		{kind: "enyo.SpriteAnimation", src: "http://hasgraphics.com/wp-content/uploads/2010/08/spritesheet1.png", width: 100, height: 100, rows: 9, columns: 9, duration: 2000},
		{kind: "enyo.SpriteAnimation", src: "https://az31353.vo.msecnd.net/pub/lvxdmali", width: 96, height: 96, rows: 4, columns: 5, duration: 800}
	]
});

new sample.SpriteSample().renderInto(document.body);