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