来源以及预设下载: UiiiUiii.com 

作者/预设作者/教程作者:@leizingyiu 欢迎到微博交作业~


这个是滚滚↑

 

这个是弹弹↑


教程中使用的overshot的弹性表达式,直接复制黏贴就可以使用(来源):

freq=3;

decay=5;

n=0;if(numKeys>0){n=nearestKey(time).index;if(key(n).time>time){n–}}if(n>0){t=time-key(n).time;amp=velocityAtTime(key(n).time-0.001);w=freq*Math.PI*2;value+amp*(Math.sin(t*w)/Math.exp(decay*t)/w)}else{value};

———————————我是一根关于fixedAnchorPoint.ffx的分割线———————————

滚滚所用的预设大概的原理是:判断图层里面的矢量图形,再图层原始位置时候的宽高,以及左上角坐标;根据以上数据进行偏移。(由于根据矢量内容判断,所以无法使用在纯色层/预合成等以像素为基础的图层上)

弹弹所用的预设大概的原理是:通过属性层级,找到圆角矩形/圆形的大小,然后矢量路径的大小增加或者缩小的时候,位置的数值相应跟随变化。

关于弹弹的原理,更详细的介绍可以查看这篇早期的介绍;关于这两个预设的源代码可以查看这里



更多精彩教程欢迎关注微博 @优秀网页设计  @优设基础训练营

======================================

原创教程网站 →优优教程网← 正式上线!马了再练不如马上练!

评论

© leizingjiu | Powered by LOFTER