v1.1新功能教程——缓动帧

本期发布的动作编辑器加入的缓动设置功能,我们的动作再也不是那种机器人式的死板动作了。相信对于想做优秀动画的同学们应该是期待已久了。

什么是缓动:
缓动(Easing)是一种运动方式,主要有三种:”缓动输入”(ease in) 、 “缓动输出”(ease out),”缓动输入输出”(EasingInOut)。比如基本的缓动输出(ease out),速度与距离成正比比,离目标越近,物体运动速度越慢。当物体与目标点非常非常接近时,就几乎不动了。
举个例子。比如说我们开车回家,当离开马路开进小区时速度就要稍微慢一点儿。当还差两座楼时就要更慢一点儿。在进入车库时,速度也许只有几迈。当进入停车位时速度还要更慢些,在还有几英尺的时候,速度几乎为零。 如果大家注意观察就会发现,这种行为就像关门、推抽屉一样。开始的速度很快,然后逐渐慢下来。
在cocostudio中目前提供十类缓动效果,其中每一类都包含三总缓动效果(EaseIn、EaseOut、EaseInOut)。

开启缓动:
想要开启缓动帧效果,只需在动画帧面板选中需要有缓动效果的区间,或者该区间的起始帧。如下图中蓝色框内的部分:

选中帧后点击鼠标右键,选择”缓动设置”

这里先可以随意选择一个缓动效果,设置后会发下该帧区间会出现一个黑色箭头:

然后点击播放下效果。注意:上边为了截图方便,所以把帧区间设置的很小,但是因为这些缓动算法变化比较细微,所以为了更充分的查看效果可以把帧区间拉开些。

取消缓动效果
取消缓动的方式跟添加缓动的方式差不多,不同的地方是选择的缓动类型为”Linear”(列表第一个),也就是最普通的线性运动。

下面是一个测试项目,大家可以打开看下每种缓动类型的实际效果。
testEasing.zip (55 KB)

下面是热心朋友@revofu分享的一个横向对比工程
TestFrame.rar (20 KB)

:14::14::14::14::14::14:

我从0.3就开始期待这个功能了,虽然现在的实现方式还不是很理想,但是依然好顶赞

已经测试过了…非常棒

谢谢支持,我们会持续优化的。:14::14::14::14:

好,真心不错的功能!

个人用的各效果间横向对比,分享出来

赞一个~~:782::782::782::782::782:

您好,我现在使用的1.3.0.1,在关键帧上右键没找到您说的这个缓动枕功能。是新版本换地方了还是删掉了这个功能?

可以实现曲线运动的序列帧么?