• Adobe After Effects Expressions

  Recreate speed graph with bezier curves

  Posted by Evgenii Filippov on September 14, 2022 at 10:59 am

  Hi guys, I am trying to draw in p5js the after-effects speed graph curve, but I am not sure what is a type of curve used there, the cubic bezier curve looks pretty close, but I was’t able to achive same graphs with that.

  

  Filip Vandueren replied 3 years, 8 months ago 2 Members · 2 Replies
• 2 Replies

• 

  Evgenii Filippov

  September 14, 2022 at 11:00 am

  I was playing with the curve here https://editor.p5js.org/codingtrain/sketches/_R7RgtGfA press “run” to run the code
• 

  Filip Vandueren

  September 16, 2022 at 9:15 am

  Hi Evgueny,

  The Speed Graph Curves are the Derivative (Gradient) of the Value Graph Curve.

  The tangents (which are always horizontal) also have a relation to the tangents of the Value Graph Curve: the Y-position is the gradient of the Tangent of the bezier handle in the value graph, the X-Width is 1/2 of the X-width of the Bezier handle of the value Graph.

Reply to this Discussion! Login or Sign Up