Alright, I made so many changes to my original idea...
Breadboard: remains the same as my I/O assignment, but added a button that lights up all the LEDs when pressed.
Visuals in p5.js: ocean waves and stars. Potentiometer controls between daytime and nighttime (dark and bright), and the button triggers the visual of rain drops.
The sound part: still keeping the idea that each light generates music (no music when all are off) and the button with all the lights on will have the sound of raindrops.
The idea is the story I wrote in the D4C class - the power of rain that lightens up a girl’s almost-depressing life and awakens her musical dream and inspirations. So the rain, lights and music are an essential part of the idea - they are representing one another. Rain brings her light and light generates music. My goal is to not only use the potentiometer and the button to interact with my visuals (ocean, rain, stars, day and night) in p5.js, but also include both LED lights and music sounds which are interconnected with each other.
added a button and cleaned up the breadboard - replacing the long wires!
Arduino code wasn't much different from the I/O assignment, just added the button input and programmed it as all LEDs light up when pressed. Also, added the statement for input mapping to p5.js
p5.js sketch: https://editor.p5js.org/daisyslu/sketches/Rocmh5VpW
Fullscreen view: https://editor.p5js.org/daisyslu/full/Rocmh5VpW
progress so far: everything is done except the sound. oh, I always forget about the housing for the breadboard, will see if I can get a laser-cut box.