SpriteAnimJS

HTML

JS

						var boost1 = new SpriteAnim("canvas1");

						boost1.start({
							frameWidth: 350,
							frameHeight: 350,
							image: queue.getResult("boost1"), // Image from preloader
							fps: 50,
							className: 'boost_class',
							loop: true
						});

HTML

JS

						var running = new SpriteAnim("canvas2");

						running.start({
							frameWidth: 144,
							frameHeight: 272,
							image: queue.getResult("running"), // Image from preloader
							fps: 10,
							className: 'running_class',
							loop: true
						}); 

HTML

JS

						var explosion = new SpriteAnim("canvas3",true);

						explosion.start({
							frameWidth: 256,
							frameHeight: 256,
							image: queue.getResult("explosion"), // Image from preloader
							fps: 40,
							className: 'explosion_class',
							onStart: function() {
							  console.log('onStart explosion callback')
							},
							onComplete: function() {
							  console.log('onComplete explosion callback')
							},
							loop: true
						});