Making GUIs with DOM Elements

This week, we learned how to manipulate HTML elements with p5.DOM. Using these elements, I decided to make a GUI so people can draw a picture without code.

This assignment was definitely more tedious than I had anticipated, but this was a great assignment for thinking through the logic of code. I had the hardest time getting the shapes to take the values of the sliders as their parameters. The sliders were out of scope when the shapes were called since the sliders were called in setup(). To solve this problem, I created a whole new method that would repeatedly get the values of the sliders in the draw() function.