Math Equation in Easing Functions, how-to?

Animation
2

At this point in the Keynote, Jonathan does a quick demo (a bit hard to see): https://youtu.be/d_PKAJJhRoM?t=23m44s

So in the sample, the default is:

return t / dur

So you’re creating a function that charts the course of an element using these variables:

  • t The absolute time in the timeline (floating point number)
  • start is the time of the initial keyframe (floating point number)
  • dur the total duration of the animation as a floating point number.

To get the current time of the animation regardless of its start point in your timelines, you can use (t - start)

Screen Shot 2017-10-27 at 4.06.55 PM.png795×722 51.1 KB

I realized that you can create a randomness emitter over a animation path to plot random positions using Math.random(t) :

3 Likes