Module 2 Formstorming

Weekly Activity Template

Rianna Mercer - Using sound as an inspiration for visual response.

Project 2

Module 2

Exploring sound and the way the body creates, reacts, and responds to sound (Hambleton).

Activity 1

The sound of typing on a keyboard The sound of turning the gas stove on The sound of my cat Piri purring The sound of a door closing The sound of turning a facuet on The sound of pressing the doorbell The sound of the fridge water dispenser The sound of pots clashing together in a drawer The sound of zipping up a jacket The sound of boots being dropped on the floor The sound of dragging a chair across the floor The sound of scissors cutting paper The sound of writing on a piece of paper with a pencil The sound of shaking a box of pasta The sound of opening and closing the microwave The sound of clicking my computer mouse The sound of the ice maker The sound of opening and closing the freezer door The sound of shredding paper The sound of turning pages in a book The sound of opening and closes my glasses case The sound of turning my Rubik's Cube The sound of pouring cat kibble in a bowl The sound of plugging in my computer charger The sound of a car honk

Activity 2

Exploring with the first example in the tutorials. Made the screen be able to change red and green when the sound is stopped and started, respectively. Added a slider to change the sound frequency. Added in a second slider. This was part of the tutorials. The circles move as the mouse moves. An iteration of the previous gif that is also from the tutorial. My first P5 sketch. Moving the mouse changes the amplitude and frequency. It displays whether the audio is started or stopped. The circle increases/decreases witht the sound. The circle increases/decreases as the mouse moves close/farther respectively. Two circles that change with the sound. A square that grows/shrinks when the mouse is held/released respectively. Two circles that move up when the mouse is pressed. Multiple bubbles that move up when the screen is tapped. The circles moves up/down when the mouse moves left/right respectively. A flashlight concept that follows the mouse to bring light to the page. I'm thinking about doing this for my final design but I have other ideas too. A sound wave that responds to the sound. A sound wave with a 'Click Me' button A circle that moves up/down based on the sound. Clicking the screen moves the clouds up. When the screen is tapped it starts playing a sequence of colors. The same thing as the previous gift except an added slider to change the sound frequency. I don't want to do something like this for my final design because it is too flashy. A sine wave that moves as the mouse moves from left to right. The circle also changes with the sound as well. I want to incorporate something like this for my final design. Another sine wave and the circle is a start/stop button. One slider changes the frequency of the sound and the other slider changes the height of the rectangle.

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

An interactive webpage to educate the user of the different ocean levels. It features P5 to visualize the sound of the ocean .

Click here to see it working on my server

An interactive webpage to educate the user of the different ocean levels. It features P5 to visualize the sound of the ocean.

×

Powered by w3.css