背景
在平时写动画时我们总会使用一些缓动函数,我个人有时会 easing-js 抄抄算法,或者 ceaser 还有 cubic-bezier下调节一下控制点,拿到一个贝赛尔曲线的配置。然而我却一实不是很懂贝赛尔函数这个控制点,直到看了一下wiki…
wiki
我们打开 贝赛尔函数wiki, 可以看到一堆的动图, 如下我copy了一份作为记录:
从上面的图,我们可以有所感觉了,原来这几个控制写的是点移动的趋势啊, 瞬间感觉还是wiki好使,但仅仅限于英文 wiki, 之前看中文的 wiki 就没有这些内容了。然后对wiki上的具体实现公式我就懒得看了,我只要知道这个控制点是啥意思就够了,存下这几张图足够使用了, 具体还是看看 wiki 。
具体公式实现
TODO: 之后有时间再试试