eaz
eaz provides simple and flexible easing functions, as well as methods to generate custom easing functions. Using eaz makes easing time values for animations easy, quick, and customizable.
Use Predefined Easing Functions
Using predefined easing functions is as simple as referencing a static property of the Easing
class.
import { Easing } from 'eaz';
Easing.cubic.in(0.3); // Output: 0.0269
Create Custom Easing Functions
Use eaz's generational methods to create custom easing functions quickly
import { Easing } from 'eaz';
Easing.polynomial(2.5).in(0.3); // Output: 0.0493
Or create entirely custom easing methods from scratch
import { Easing } from 'eaz';
const myEasing = new Easing(t => t ** 2.5);
myEasing.in(0.3); // Output: 0.0493
Easily Generate Demo Images
Generate images to test your easing functions
import { Easing, DemoImage } from '../index';
DemoImage.inOut(Easing.cubic, 'images/cubicInOut.png');
Last updated
Was this helpful?