Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Forums Adobe After Effects Expressions Recreate speed graph with bezier curves

  • Recreate speed graph with bezier curves

  • Evgenii Filippov

    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.

  • 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.

Viewing 1 - 3 of 3 posts

Log in to reply.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy