Cubic Bezier Curves Demo
This demo shows a path made up of three cubic Bezier curve segments. Each segment is defined by its two endpoints and two control points. The endpoints are black disks. The control points are blue squares. A control point determines the tangent at the corresponding endpoint.
You can drag the endpoints and the control points!
If "Lock Control Point Pairs" is checked, then the two control points associated with the endpoint where two segments join are constrained to move together. This makes the curve smooth at that point. When the control points are not locked, you can get a corner at an endpoint.
The "Hide Controls" checkbox will hide the control points and endpoints so that you can see curve better. You can't edit the curve while Hide Controls is checked.