Path Creation API

This is the most straightforward function. Just define a line with 2 points - a start and end point - and it will draw it for you.

Eg. addLine(0,200,300,200); gives:

To draw a circular path segment using this function, you must first define where the segment starts - startPoint. Then, you define the center point of the arc (centerPoint), which is the point from where the arc is curved around. Finally you have an angle of rotation, which determines how much curve is in the arc.

Eg. addArc(0,200,200,100,-radians(90)); gives:

Note: The radians() function simply converts angles from degrees to radians, which is perferred by Processing. Also, the point you see in the center of the arc is just for understanding - it will not appear when you are making your own path.

This function is used to extend the paths of arcs in a smooth way. The lineLength argument (or input) is used to describe how far the arc should be extended

Eg.

addArc(0,200,200,100,-radians(90));

addSmoothLine(200);

gives:

This function draws a smooth arc from an already existing line or arc. To understand it, you must imagine an arrow that starts from the path’s end, and points in a direction so that it is a +90 degree rotation from the path.

distanceAwayFromPathTip describes how far away the center of the arc should be from the tip of the path, along the line described by the red arrow. If you would like to have the center of the arc be in the opposite direction of the arrow, simply put a negative value.

//addSmoothArc(100,radians(105)); and addSmoothArc(-100,-radians(105)); respectively give:

As you can see, the addSmoothCurve() function can be used with other arcs to make more complex curves. You can also put many addSmoothCurve()’s together to make interesting shapes.