The Bezier Curve


The animation below shows a line changing through many of the shapes for a Bezier curve. Click or tap the animation to restart it with new values defining the way it moves.

Click this button to see the computer language code that creates this animation.

Here's the code that runs the above animation.

You can change the code, if you like, and then click the following 'Reevaluate code' button. The program will then work as per your changes. Of course, your changes, especially random changes, can introduce errors, miscalculations, and browser crashes. If you need to get things back to their original condition, just reload this page using your browser's reload button.

The intention here is to conveniently show the inner workings of this program so that you understand how the diagram is drawn.

Click the 'Code' button again to close this section.


The study of Bezier curves falls under the general topic of curve fitting, however, these curves really do not have much scientific purpose. That is, given some data points, a scientist would not use Bezier curves to approximate a function definition for the data. Rather, Bezier curves have more of an artistic purpose. Originally used by car designers to create pleasant looking curves, these methods are now used by graphics artists in many fields where the generation of curved shapes is a necessity.

What follows are some links to further your understanding of Bezier curves. By the way, you can change the above animation slightly by clicking somewhere in the middle of it.

Custom Search