AE表达式-loopOut讲解
创作时间:
作者:
@小白创作中心
AE表达式-loopOut讲解
引用
1
来源
1.
https://www.guigucollege.com/index.php?show=75-406
同学们大家好,在这节课中我们来系统地学习下loopOut表达式。
loopOout表达式本质是根据所做的关键帧动画进行循环,所以使用该表达式的时候,务必要保证添加表达式的属性是需要有关键帧动画的。
接下来,我们将通过一些简单的动画,去解释下loopOut表达式的作用。
- Cycle模式:
当前的动画是这样子的,右下角为当前时间。合成时长一共有6s。
当前的动画即为小球循环的效果,这个是通过对形状层的旋转属性做动画实现的。当前的效果在2s之后就已经停止了,如果我想让这个动画循环播放的话,可以打开该层的旋转参数,按住Alt点击左边的码表,添加表达式,loopOut(type = "cycle", numKey s = 0),那么当前的效果就是这样子了。
当前的这种模式也是loopOut表达式的默认模式了,在默认情况下,这种表达式是在最后一个关键帧动画结算完成之后,再从第一个关键帧开始继续往后结算动画。 - Pingpong模式:
还是以这个效果举例子,比如说,我需要让这个小球以开始的顺时针方向运动一圈之后,然后再倒放一遍,也就是以逆时针的方向再运动到其初始状态的位置。诸如此类的效果只需要在该表达式loopOut(type = "cycle", numKey s = 0)的基础上,把cycle修改成pingpong即可,即loopOut(type = "pingpong", numKey s = 0)。效果如下: - Offset模式
没有添加任何表达式的画面效果如下图所示:
该动画是对一个形状层的旋转参数做动画,动画曲线如下图:
对Rotation参数添加表达式loopOut(type = "offset", numKey s = 0),效果如下:
很明显,秒针的动画发生了循环,只不过不一样的地方是在于,每一次循环的时候都是基于上次循环的结束数值等量发生数值偏移,动画曲线如下:
红色区域内的实现为关键帧动画,虚线部分则为通过添加loopOut表达式所得到的循环动画的动画曲线。 - Continue
这种类型的表达式书写方式有点特殊,只需要输入一下这一行就可以了
loopOut("continue")
该表达式的作用是采样动画的最后一个关键帧的速度,继续将这个属性沿着这个速度进行下去。
下图是个小火箭的动画,没有添加表达式。
火箭的位移路径如下:
对位移属性添加loopOut("continue"),效果如下:
如果我把火箭的动画路径调整成如下图所示:
那么动画就如下所示:
很明显,当前的火箭的运动轨迹和速度,就是按照最后一个关键帧的速度和方向继续进行的。这个就是continue的循环类型的结算方式,不过该类型的循环在制作动画的时候,出场的机会不多,大家有个印象并了解即可。
热门推荐
处在转型关键期,无缝管行业如何抓机遇?
癫痫手术术前评估包括哪些?
画科比投三分球,拉希德-华莱士,是怎样的一位NBA球星?
时代精神的写照——林散之书法现代文化内涵略论
幽门螺杆菌感染怎样才能治好?四联疗法了解一下
如何确立团队建设目标
安吉两日游全攻略:两天一夜畅游之旅
国考笔试和面试成绩怎么计算?
伊莱克斯真的打不过唐三吗?斗罗大陆是“低武世界”影响很大!
咒术回战手游乙骨忧太攻略:技能详解与最佳搭配方案
高嘌呤、高脂肪、高盐分,痛风患者与火锅彻底无缘了吗?
中医丹道养生功法述要
医生有话说:一到冬季就痰多?这些知识要了解
孕晚期宝妈们注意这些事项,准爸爸也要看一下!
“嗯~啊~轻一点”背后隐藏了哪些情感需求?如何用轻柔的方式改善人际关系?
怎样素描画一只九尾狐?
寻味顺德,打卡新年最受欢迎的美食街,一不小心就吃到扶墙
发现珠海海岛的绝美风光:三天两夜深度游攻略,畅享假期!
插电混动日常用车成本大概是多少?
近视和散光看东西的区别图片是什么?一起来看看相关信息了解
应对无网络困境:享受生活与内心的宁静体验
骑行20分钟竟等同跑步这么久?!揭秘两种运动的等价换算
全球海平面持续上升已达最高点,对中国影响显著,未来我们该如何应对?
湖岸生物新一代狂犬疫苗临床研究取得积极突破,有望颠覆传统免疫周期
揭秘意念弯曲魔术:老外钢叉自动弯曲的科学解析
身上突然冒出来的小红点,到底是啥啊?
原神5.1版本七圣召唤更新内容详解
梦境和现实的边界,《盗梦空间》里探索人性不同的一面
对称加密算法的原理和优缺点
千万别因选错指标,毁了你的A/B实验