Cubic Bézier Equation

The function/expression/formula of the cubic Bézier curve used extensively in vector graphics, including SVG graphics used here. It expresses the same cubic curves as those written in the formula in the graphic this is a remix of, but it expresses them as a function of “time” (hence the use of f(t) rather than f(x) here). The time is not measured in seconds or any other units, as it is simply telling a browser or other software what order to turn on individual pixels to display the vector graphic on a raster device.

It moves from the point P[0] to the point P[3], while using P[1] and P[2] as control points. It only does so for the values of t in the [0,1] set, i.e., for 0 <= t <= 1 (in other words, for the values of both, t >= 0 and t <= 1, at the same time). There is of course an infinite number of such values, so the browser typically divides the t repeatedly until there are no missing neighboring pixels.

In this graphic, the expression is hand-written by yours truly.
, , , , , , , , , , , , , , ,
Viewed by
460 People
Loved by
0 People
9297 bytes

1 Comment

Log in or Register to talk with the artist and view comments.