Shape Drawer

Shapes into Code

Draw on the grid provided and the code will generate bellow.

Up and down arrow keys change the size of the grid

Hold Ctrl when drawing to snap to the grid

Hold Shift when drawing for circles and squares

Copy the following code into your P5.Js file: