Before you get aggravated by this large wall of text, run away and click Randomize Params, I urge you to reconsider. Randomize Params will produce a visual attrocity unless heavily constrained, since the project is designed for interactive collaborations via the editing / params interface.
Basic Usage :
Click to add control points.
Each point added will extend the curve from the control point marked in blue. Press "r" to extend the curve from the control point on the opposite end of the curve.
To add a control point between two existing control points, click anywhere within the rectangle that joins the two control points.
To move a control point click on it and drag it to a new location.
To delete a control point click on it and press "delete" or "backspace".
Advanced Usage :
While pressing SHIFT, click and drag your mouse to add points to the current selection. While pressing SHIFT, click on a control point to toggle it's selection status. Selected control points are marked in red. Press SPACE to clear the current selection.
Selected points can be moved using the arrow keys. While pressing "m" click and drag your mouse to move selected points.
While pressing "w" you can click on a control point to specify the winding direction. Control points that have a locked winding direction are highlighted in green. Use with caution or you may create kinks in the curve!
To save and resume, press "d" to download a .json and "u" to upload a .json of control points.
Control Cheat Sheet :
"e" - Toggle between edit mode and render mode.
"p" - Save the canvas as a png.
"d" - Download the control points as a .json.
"u" - Load the control points as a .json.
"r" - Switch to adding control points to the opposite end of the curve.
"w" - Used to toggle the winding direction of a control point. See advanced usage below.
"m" - Used to move multiple selected points. See advanced usage below.
SHIFT - Used to select multiple points. See advanced usage below.
SPACE - Used to clear selection.
DELETE / BACKSPACE - Used to delete selected points.
Params Description :
Background Color : Choose from two hand-picked backgrounds corresponding to the current color palette or enable random background color selection.
Background Color Probability : The probability of shapes within the curve having the same color as the background color.
Color Change Probability : Larger values will increase the number of color changes along the curve, while smaller values do the opposite.
Highlight Color Probability : The probability of shapes within the curve that have a color differing from surrounding shapes.
Stroke Color : Choose from Black and White lines or enable random stroke color selection.
Palette : Choose from 21 different palettes.
Grid : Set the size of the grid which control points will snap to. A larger grid allows for the drawing of more complex forms. It is advisable to select the desired grid size before adding control points.
Aspect Ratio : Choose portrait, landscape or square. Similar to grid size, it is advisable to select the desired aspect ratio before adding control points.
Parallel Divisions : Set the number of divisions along the length of the curve.
Perpendicular Divisions : Set the number of divisions accross the curve.
Stringiness : Larger values will make shapes within the curve longer, and stringier!
Accurracy : An experimental feature that can be used to create abrasive angular artifacts.
Sparseness : An experimental feature that controls the proportion of shapes that fill the curve.
Line Width : Adjust the thickness of lines.
Fill Curve : Fill in the background of the curve with a color.
Curve Style : Select different curve styles.
Indent Amount : Adjusts the distance between the control points and curve.