This program is written in Javascript using the P5js library. While teaching introduction to code classes, I noticed some of the students were struggling to code coordinates for their 2D shapes. This program lets users plot multiple shapes onto the grid and it will output the shapes as lines of code. These lines can then be copied and pasted into a P5js sketch. The user will still need to determine the x and y coordinates of their drawing in the translate function to move the shapes to their desired location.


This program was designed to work with a mouse and keyboard and so may not run as expected on phones or other touch screen devices.

if there are any issue with the project displaying above it can also be viewed on the p5js website (link)

The code behind this project can also be easily viewed through the P5js web editor (link)