循环表达式

loopOut表达式,使关键帧动画循环,常用的有三种模式:

第一种,cycle模式

表达式语句:

loopOut(type = "cycle", numKeyframes = 0);//后面的数值0用来控制从第几帧开始循环

将关键帧动画重复进行的循环效果

比如你有关键帧1、2、3,这种循环模式就是1、2、3、1、2、3、1、2、3.....一直循环下去

a2536c5e91d4346a3e3ea16a8eb4db34.png

第二种,pingPong模式

表达式语句:

loopOut(type = "pingPong", numKeyframes = 0);//后面的数值0用来控制从第几帧开始循环

像乒乓球一样来回往复循环

同样,如果你有关键帧1、2、3,那么这种循环模式就是按1、2、3、3、2、1、1、2、3.....这种规律循环下去

64fb9c5c4e5c5fc4c6a54870d357bdd9.png

第三种,continue模式

表达式语句:

loopOut(type="continue")

沿着最后一帧的方向和运动速度继续运动下去

这种模式相比前两种用的较少,可以便于制作动画持续缓慢运动的效果,避免动画静止,也可以制作一些数字持续增长等效果

801b6dc87a501830f15993282c1d69f7.png


版权声明:本文为qq_22478653原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。