插值、缓动和平滑

插值

当我们试图让a点和B点动起来的时候，我们不能只是剪切。视觉上，我们正在寻找额外的帧之间的运动是平滑的。

在帧之间创建这些帧的过程称为插值。在这里的动画时间轴上，我们只设置了起点和终点。中间的一切都是自动插值的。

宽松

正如我们在下面的例子中所看到的，直线运动从A点直接运动到B点。

但在现实生活中，当你踩下加速踏板时，汽车不会立即以每小时50公里的速度行驶。它必须加速才能到达那里。当它停止时，它不会突然停止。它减慢。多乘客更舒服。

下面是同样的动画，应用了easing:

要向动作添加缓动，只需选择动作并从下拉菜单中选择缓动类型。

平滑

最后，让我们讨论平滑(有时称为平滑)阻尼)。这对于在滚动或改变鼠标位置时发生的动画非常有用。

在上面的例子中，我们试图在滚动时创建一个视差深度效果。不幸的是，当我们突然改变滚动位置，或者使用快速跳跃的滚动轮时，动画就不一定明显了。这是因为位置(和动画)发生在完全相同的时间。

输入:平滑。在任何连续触发器中，我们可以在动画接近实际滚动位置时平滑动画。我们可以在下面看到，它的作用是一个迟滞(或滞后)，它考虑了我们之前的滚动位置。

平滑数越高，阻尼效果越好。较低的平滑数值(甚至0%平滑)意味着所有内容都是实时动画和动作。下面，我们将平滑度设置为100%:

平滑不会覆盖我们创建的任何缓动设置内部一个动画。smoothing只是在动画时间轴的正确位置上软化和平滑接近速度。