Skip to content

rendx-ease ​

缓动函数集合,为动画系统提供非线性时间映射。

类型 ​

typescript
type Ease = (t: number) => number;

缓动函数(33 个) ​

族InOutInOut
quadquadInquadOutquadInOut
cubiccubicIncubicOutcubicInOut
quartquartInquartOutquartInOut
quintquintInquintOutquintInOut
sinesineInsineOutsineInOut
expexpInexpOutexpInOut
circcircIncircOutcircInOut
backbackInbackOutbackInOut
elasticelasticInelasticOutelasticInOut
bouncebounceInbounceOutbounceInOut

特殊:linear, polyIn(n), polyOut(n), polyInOut(n)

注册表 ​

typescript
import { ease, easeMap } from 'rendx-ease';

const fn = ease('cubicInOut'); // (t: number) => number