猫史档案馆

这是 Micfong 的第一篇教程，不支持一下吗(/ω＼)

相信大家在制作作品的时候，有时候会感到自己的动画有些生硬、呆板、不流畅，在这篇教程里，Micfong 就来手把手教大家如何打造一段流畅且优雅的动画！

 

1 何为流畅优雅？

所谓流畅且优雅，一般来说指的就是非线性动画。如果说你不知道什么是非线性动画，那就通过下面的动图来直观地感受一下：

可见，线性动画的运动速度一直保持一致（匀速直线运动），而非线性动画拥有加速和减速的过程。我们想要的也是下方的流畅且优雅的动画。

在日常生活中，我们看到的动画一般都是非线性动画，所以它看起来更加自然一些，不会喵板。

用过安卓手机和苹果手机的同学可能会发现，苹果手机的动画要舒适许多，这就是因为它采用的大多数都是非线性动画，而非线性动画。（非喷安卓机）

既然理解了什么是我们想要的结果，那我们该怎样在 Kitten 中实现呢？

 

2 实现动画

我们先来理一下运动速度变化的过程：

0—加速—最高速度—减速—0

似乎也没有那么难！

我们新建一个角色（这里以圆球为例），我们需要随时更改它运动的速度，所以需要给它创建一个“速度”的角色变量。（在制作作品时，如果不是必须用到全局变量，就尽量使用角色变量，这样可以避免变量混淆）

为“球”创建了一个名为“速度”的角色变量

变量创建完毕后，我们要开始更改其中的数值了。

既然要逐渐加速，就需要不断的增大“速度“这个变量的值。我们创建一个循环，让它的速度最快达到5个单位，并且让它按照我们指定的速度动起来。（由于舞台不够大，我们需要把球的X坐标移至-100）

加速部分完成了，那么减速就轻而易举啦！把上面的积木块替换成：

这样减速的部分也完成啦！

 

3 循环动画

但是我们的球现在只动一次，程序就会结束了。我们现在来让它循环移动。

如果一直往右移动的话，很快就会移出舞台……所以我们现在要让它往回走！

在刚刚的积木链上添加如下的代码块：

小心哦 增加变成了减少

完成之后，在最外面套上重复执行，搞定！完整积木方块和运行效果如下：

好啦 2021/02/17 先写到这里，随后还有自定义移动距离的教程哦！如果想要的话在下面接楼～