Biblioteca de JavaScript de animación Sprite. js
| Autor: | adriancmiranda |
|---|---|
| Views Total: | 2,572 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 21, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Sprite. js es una biblioteca de JavaScript sencilla y rápida para crear animaciones de estilo GIF eficaz con el uso de sprites de fondo.
¿Cómo funciona?
Solo tiene que incluir el archivo Sprite. js justo antes del </body > etiqueta y estamos listos para empezar.
<script src="sprite.js"></script>
El HTML.
<div id="demo"> </div>
Añada la imagen de Sprite como fondo al contenedor que ha creado.
#demo {
background: url("sprite.png") no-repeat 0 -10px;
...
} Anima los sprites de fondo.
var myAnimation = new AM.Sprite(document.getElementById('demo'), {
totalFrames: 14,
columns: 5,
rows: 3
});
myAnimation.element.onclick = function () {
if (myAnimation.running) {
myAnimation.pause();
} else {
myAnimation.loopBetween(myAnimation.currentFrame, 0, true);
}
};
myAnimation.loopBetween(1, 7, true); Puede encontrar más demostraciones en la carpeta ' example '.
