Crear animaciones suaves con JavaScript nativo-between. js
| Autor: | sasha240100 |
|---|---|
| Views Total: | 420 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 3, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Between. js es un motor de interpolación de JavaScript ligero para crear animaciones suaves y performantes.
Funcionamiento
Instalación.
# NPM $ npm install between.js --save
Importar el between.
import Between from 'between.js';
O incluir directamente la versión de UMD en la Página Web.
<script src="/path/to/between.js"></script>
Cree una nueva instancia between y especifique los valores from/to como números, matrices u objetos.
new Between(1, 100)
new Between([1, 5], [10, 10])
new Between(({x: 1, y: 2, z: 3}, {x: 4, y: 5, z: 6}) Establezca la duración en milisegundos.
new Between(1, 100).time(duration)
Activar/desactivar bucle.
// mode: 'repeat' // repeatTimes: false = no limit new Between(1, 100).loop(mode, repeatTimes)
Aplicar una función de aceleración a la animación.
new Between(1, 100).easing(easing)
Controladores de eventos.
new Between(1, 100)
.on('update', (value) => {
console.log(value);
})
.on('start', (value) => {
console.log(value);
})
.on('complete', (value) => {
console.log(value);
});
