0.0.5 • Published 4 years ago
@byte1024/easing v0.0.5
easing
一些常用的缓动函数
Install
$ yarn add @byte1024/easingUsage
import { motion, Easing } from '@byte1024/easing';
let from = 0,
to = 300,
duration = 2000,
k = 0,
start = undefined;
function run(t: number) {
start = start || t;
k = Math.min((t - start) / duration, 1);
const a = motion(from, to, k, Easing.circInOut);
console.log(a);
k < 1 && requestAnimationFrame(run);
}
requestAnimationFrame(run);Easing.<type>(k)
| type | In | Out | InOut | None |
|---|---|---|---|---|
| linear | x | x | x | ✓ |
| quad | ✓ | ✓ | ✓ | x |
| cubic | ✓ | ✓ | ✓ | x |
| quart | ✓ | ✓ | ✓ | x |
| quint | ✓ | ✓ | ✓ | x |
| sin | ✓ | ✓ | ✓ | x |
| expo | ✓ | ✓ | ✓ | x |
| circ | ✓ | ✓ | ✓ | x |
| elastic | ✓ | ✓ | ✓ | x |
| back | ✓ | ✓ | ✓ | x |
| bounce | ✓ | ✓ | ✓ | x |
License
The MIT License