美文网首页AE
弹性表达式

弹性表达式

作者: Kyle_Song | 来源:发表于2018-08-02 19:46 被阅读11次

Keyframe Overshoot

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 - .001);

  w = freq*Math.PI*2;

  value + amp*(Math.sin(t*w)/Math.exp(decay*t)/w);

}else

  value

Keyframe Bounce Back

e = .7;

g = 5000;

nMax = 9;

n = 0;

if (numKeys > 0){

  n = nearestKey(time).index;

  if (key(n).time > time) n--;

}

if (n > 0){

  t = time - key(n).time;

  v = -velocityAtTime(key(n).time - .001)*e;

  vl = length(v);

  if (value instanceof Array){

    vu = (vl > 0) ? normalize(v) : [0,0,0];

  }else{

    vu = (v < 0) ? -1 : 1;

  }

  tCur = 0;

  segDur = 2*vl/g;

  tNext = segDur;

  nb = 1; // number of bounces

  while (tNext < t && nb <= nMax){

    vl *= e;

    segDur *= e;

    tCur = tNext;

    tNext += segDur;

    nb++

  }

  if(nb <= nMax){

    delta = t - tCur;

    value +  vu*delta*(vl - g*delta/2);

  }else{

    value

  }

}else  value

相关文章

  • AE弹性表达式——让动画更生动

    AE弹性表达式 弹性表达式,Bounce 和 Overshoot!利用这个两个表达式你可以轻而易举地实现各种弹性动...

  • 弹性表达式

    Keyframe Overshoot freq = 3; decay = 5; n = 0; if (numKey...

  • 弹性表达式总结

    ·Bounce 理解为“反弹”,如 皮球落地反弹的效果; e = .7; g=5000; nMax=9; n=0;...

  • 【AE表达式】万能弹性表达式

    原链接:http://blog.sina.com.cn/s/blog_8b32e1ee0102vik8.html ...

  • 弹性盒FlexibleBox的相关概念

    一. 弹性盒的定义 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性...

  • 弹性布局css

    1.弹性盒子定义 弹性盒子由弹性容器(Flexcontainer)和弹性子元素(Flexitem)组成。弹性容器通...

  • css弹性盒知识总结

    弹性盒包括: 弹性容器 和 弹性子元素 弹性容器设置display:flex; 然后给弹性容器设置其他的属性 1....

  • Day4 弹性弹性弹性

    第四天的课程的主题是弹性,在老师讲课过程中我心里就一直有个声音“怎样的计划安排才叫弹性?”实在不懂。随着课程的...

  • CSS3 弹性盒子内容

    CSS3 弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。...

  • CSS Flexbox 可视化手册

    目录 介绍弹性项目 弹性容器 弹性方向 Flex Wrap 弹性流 项目之间的缝隙 排序 对齐 justify-c...

网友评论

    本文标题:弹性表达式

    本文链接:https://www.haomeiwen.com/subject/qdgsvftx.html