courses.motiondesign.school基础课程第三课笔记

Path属性的循环

这个表达式允许你循环偶数路径属性，标准的loopOut（）表达式无法做到。它可以像简单的loopOut（）表达式一样工作，甚至可以像“pingpong”一样工作。要让它来回播放动画，只需更正第4行中的一个单词：

pingPong = false true ;

JAVASCRIPT

---

try{

timeStart = thisProperty.key(1).time;

duration = thisProperty.key(thisProperty.numKeys).time-timeStart;

pingPong = false; //change to true value if you want to loop animationn back & forth quant=Math.floor((time-timeStart)/duration);

  if(quant<0) quant = 0  if(quant%2 == 1 && pingPong == true){  t = 2*timeStart+ (quant+1)*duration - time;

}else{

  t = time-quant*duration;

}

}catch(err){

  t = time;

}

thisProperty.valueAtTime(t)

Wiggle Loop

JAVASCRIPT

---

freq = 1;

amp = 110;

loopTime = 3;

t = time % loopTime;

wiggle1 = wiggle(freq, amp, 1, 0.5, t);

wiggle2 = wiggle(freq, amp, 1, 0.5, t - loopTime);

linear(t, 0, loopTime, wiggle1, wiggle2)

CC Bend It（快速提示）

使用 CC Bend 时常见的问题当 Start 和 End 点不跟随图层的移动时会产生效果，因此可能会导致一些错误。

它很容易修复！只需将 Comp（value）表达式应用于起点和终点。当您的图层在Viewport中消失时，请不要害怕。这是因为起点和终点已经改变了它们的位置，只需手动修复它们的位置。

在我们希望渐变填充随图层移动的情况下，此技巧对于渐变效果也很有用