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中消失时,请不要害怕。这是因为起点和终点已经改变了它们的位置,只需手动修复它们的位置。


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 超高速音视频编码器用法: ffmpeg [options] [[infile options] -i infile...
    吉凶以情迁阅读 4,654评论 0 4
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,048评论 0 2
  • 先放原版 freq = 1;amp = 100;loopTime = 3;t = time % loopTime;...
    LeiZingyiu阅读 8,242评论 1 5
  • 1、“吾生也有涯,而知也无涯。以有涯随无涯,殆已!” 生命是有限度的,而学问知识是无穷尽的,拿有限度的生命去追求无...
    嶒經哋嶒經阅读 396评论 0 0
  • 今天没有打游戏 我爱爸爸妈妈 我喜欢字母,我还喜欢画字母 今天我给妈妈画了一幅画 送给妈妈母亲节的礼物 今天我还是...
    xiumingou阅读 357评论 1 3