tinyanims

import { tween, lerp, ease } from 'tinyanims';
 
// log a bunch of numbers from -20 to 100
 
tween((t) => {
    const i = lerp(-20, 100, t);
    console.log(i);
}, 1000);
 
// create some text and do a repeating animation
 
const txt = document.body.appendChild(Object.assign(
    document.createElement('span'),
    { textContent: 'hello' },
));
 
~function loop () {
    tween((t) => {
        const i = lerp(20, 30, ease(t));
        txt.style.fontSize = `${i}px`;
 
        if (t == 1) {
            loop();
        }
    });
} ();