DOM elements - p5.js Sketch #7

After learning the basics of dom elements such as sound, sliders, and buttons in class, our assignment was to create a sketch using these. For inspiration on what to create, I saw this program on reference that used an input space and a button to move a name in random positions to create a form of art. I came up with the idea to use part of the existing code, but rename some of the inputs to change the colors with sliders.

I was challenged when I was figuring out what values to assign the sliders. I finally came up with values that make every slider change the color. Then I changes the code to make it so the more times you change the sliders and press enter, new layers of your name would show up on top of the old layers.

Then I used CSS and HTML to write directions for how to create your own name art. Basically what you do is write your name and press enter. After you do this change the sliders and press enter again. Repeat this multiple times until you get a range of colors that you like!

Here is my code so you can try it yourself: https://editor.p5js.org/anna10128/sketches/S1J_ahcJ4