easing

一些常用的缓动函数

Install

$ yarn add @byte1024/easing

Usage

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