232022-05浏览:1420
循环表达式应用场景真的很多,在循环动画里面,随处可见它的身影。
刚刚用到的是循环表达式的其中一种,循环类型是 pingpong ,就像打乒乓球一样,往复运动。
loopOut(type = "pingpong", numKeyframes = 0)
这里的 既有 loopOut 、type 、 numKeyframes,还有一堆参数,没学过代码的肯定当场愣住了。
为了让大家易于理解,这三个知识点,我们分别解释一下。
1. loop 的类型
loopIn 循环表达式作用的时间段为从图层的入点一直到图层的最后一个关键帧。loopOut 循环表达式作用的时间段为从图层的第一个关键帧一直到图层出点。
2. type 的类型
这里的 type 一共有四个,那么他们之间都有什么区别呢?
1.cycle--循环该动画;
2.offset--从结束的位置开始循环该动画选定的区域,会产生偏移;
3.pingpong--往复运动,正向播放动画,然后再倒着播放,如此往复;
4.continue--以最后一个关键帧的速度跟方向,继续运动下去.
除了最后的 continue 之外,其他三个类型循环的效果,都跟 numKeyframes 的值有关。
3.numKeyframes
那么 numKeyframes 又是做什么的呢?
它是来设置需要循环的关键帧区域,我们的动画可能有很多帧,有了它,我们可以非常灵活的循环某一小段动画。
"0"表示循环所有的关键帧;
"1"表示循环从最后一帧到倒数第二帧这个区间的关键帧;
"2"表示循环从最后一帧到倒数第三帧这个区间的关键帧;
刚刚用到的是循环表达式的其中一种,循环类型是 pingpong ,就像打乒乓球一样,往复运动。
loopOut(type = "pingpong", numKeyframes = 0)
这里的 既有 loopOut 、type 、 numKeyframes,还有一堆参数,没学过代码的肯定当场愣住了。
为了让大家易于理解,这三个知识点,我们分别解释一下。
1. loop 的类型
loopIn 循环表达式作用的时间段为从图层的入点一直到图层的最后一个关键帧。loopOut 循环表达式作用的时间段为从图层的第一个关键帧一直到图层出点。
2. type 的类型
这里的 type 一共有四个,那么他们之间都有什么区别呢?
1.cycle--循环该动画;
2.offset--从结束的位置开始循环该动画选定的区域,会产生偏移;
3.pingpong--往复运动,正向播放动画,然后再倒着播放,如此往复;
4.continue--以最后一个关键帧的速度跟方向,继续运动下去.
除了最后的 continue 之外,其他三个类型循环的效果,都跟 numKeyframes 的值有关。
3.numKeyframes
那么 numKeyframes 又是做什么的呢?
它是来设置需要循环的关键帧区域,我们的动画可能有很多帧,有了它,我们可以非常灵活的循环某一小段动画。
"0"表示循环所有的关键帧;
"1"表示循环从最后一帧到倒数第二帧这个区间的关键帧;
"2"表示循环从最后一帧到倒数第三帧这个区间的关键帧;
...以此类推..
东八区影视成立于2006年的北京,是一家专业从事高端视频制作的创意的影视制作公司,业务现已涵盖:企业宣传片、TVC广告片、纪录片、微电影、二维/三维动画、VR影像、商业摄影等。东八区影视做为青岛视频制作首家使用RED6K设备及蔡司、UP镜头组的影视制作公司,曾与国内2000余家知名企业合作,海尔、海信、中国石化、中国建筑、中国烟草、一汽解放、胜通集团、寿光蔬菜产业控股集团、六合新希望、百丽集团等。十余年的行业口碑,百余人的优秀创意团队成就了每一个客户对东八区影视的信任。