Controlador de animación con línea de tiempo-AnimSequence
| Autor: | anseki |
|---|---|
| Views Total: | 1,636 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 19, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Animsequence es una biblioteca de animación JavaScript eficaz que le permite reproducir animaciones fotograma a fotograma con una línea de tiempo.
¿Cómo funciona?
Importe la versión minimizada de la biblioteca AnimSequence en el documento.
<script src="anim-sequence.min.js"></script>
Agregue la animación. Parámetros posibles:
- valueCallback: Devuelve un valor que se utiliza para dibujar cada fotograma.
- frameCallback: Se llama cuando debe dibujar un marco, dibuja un marco con argumentos pasados.
- Duración: Duración de la animación en milisegundos.
- Count: El número de veces que la animación debe repetirse.
- temporización: Función de temporización.
- Reverse: Invierte la animación.
- timeRatio: Un número que oscila entre 0 y 1.
animId = AnimSequence.add(valueCallback, frameCallback, duration, count, timing, reverse, timeRatio)
Quite la animación.
AnimSequence.remove(animId)
Reproduce la animación.
AnimSequence.start(animId, reverse, timeRatio)
Pausar la animación.
AnimSequence.stop(animId, getTimeRatioByFrame)
Registro de cambios
10/19/2018
- v1.0.11
