Module 2 Formstorming

Weekly Activity Template

Marley Luna

Project 2

Module 2

Finding sounds in objects and turning them into code

Activity 1

This is a book and the sound of its pages being flipped

This a bookshelf cabinet and the sound of it being closed

This is an adjustable chair and the sound of it being adjusted to go down and up

This is a closet and the sound of it being closed

This is a PlayStation 4 controller and the sound of its various buttons and joysticks, which is what it would sound like if it was being used

These are curtains with the sound of them being opened and closed

This is a bedroom door with the sound of it being opened and closed

This is a sink drain with the sound of water being poured out of a cup going down the drain

This is a clothing drawer and the sound of it being opened and closed

This is an earbuds case and the sound of it being shut

This is a fan with the sound of it being turned on and the fans spinning

This is a sink faucet along with the sound of it being used to wash hands

This is a gaming headset with the sound of the over ear parts being adjusted

This is a keyboard with a loud sound of it being clicked and used

This is a gaming mouse with the sound of it being used with more clicky noises

This is a bottle opener that functions like a butterfly knife and the sound of it being flipped around

This is an electrical outlet and the sound of a plug being inserted and taken out

This is a page and the sound of it being crumpled

This is a pencil and paper along with the sound of it being used and drawn on

This is a shaker bottle and the sound of the cap being twisted on and off

These are shoes with the sound of steps on concrete

This is a light switch and the sound of it being clicked on and off

These are toothbrushes and the sound of a toothbrush being used

This is a boxing glove but the focus is the sound of the velcrow used to adjust the wrist size

This is a mouse case and the sound of the zipper being opened and closed

Activity 2

With this activity, I didn't go the furthest but I did mess with the code a bit, all the colors were changed for each, in the first tutorial I changed some of the frequencies but not much else as there wasn't anything major to do or add. With the second tutorial I changed some small things, I didn't mess with the frequencies or anything but I did match some of the colors with my sounds to display the kind of colors that could represent each sound. With the third tutorial I changed frequencies and sensitivities of the microphone, I also messed with some of the ways that the sound interacted with the visuals, I experienced some code breaks during this phase. For the rest I built alternative versions of the previous sketches with different sounds and other things.

There is a 10 second delay which sends the user to the sketch in p5.js, for time to read the description. The images can also just be right clicked and linked to another page.

This is the first sketch of the first tutorial, since there wasn't much to play with I decided to play a bit around with the button, making it rounder and having a stroke.

The second of the first tutorial I added a color gradient when the slider is moved, the frequency is also played with a little bit, different from the original.

This is the third sketch, I switched the color from red to yellow and made the tone a bit different.

This is the first of the second, I added my own sound in and changed the colors a bit.

This is the second of the second, I added my sound and changed the color, similar to the last one.

This is the third and I didn't change too much as there wasn't much I saw to play with, except adding my sound and different colors.

This is very similar to the third, as I pretty much just added my sound and changed the colors.

This sketch I changed the color of the slider buttons, the main colors and I added my own sound.

This is the sketch with visual sliders, I messed a decent bit with frequencies, colors, and I changed the slider buttons from the ellipses to square to change it up a bit.

This is the last of the second, I changed the colors a bit and I messed with some other things, though nothing large.

This is the first of the third tutorial, I changed the colors and how the frequencies changed from the original when it reacts to the microphone.

This is the second, I changed the color and the sensitivity of the circle that reacts to noise.

This is the last of the third, I changed the color type, the shape of the sound bars and the sensitivity of how it reacts to sound.

This is an alternative of the first of the first, I changed the frequency and color.

This is an alt of the second of the first, I changed the frequency and made the colors different when using the slider.

This is an alt of the last of the first, I changed it to have a lower frequency and the color to blue.

This is an alt of first of the second tutorial, I changed the sound and color.

This is an alt of the second, it is like the previous one with the color and sound changed as there wasn't too much to change.

This is an alt of the third, its also pretty much like the last two.

This is an alt of the fourth, here I changed the colors again along with the sound.

This is an alt of the fifth sketch, here I changed the shape again, as well as the colors and sound.

This is an alt of the sixth sketch, here I changed the colors mainly and the sound again.

This is an alt of the first of the third tutorial, I changed the sensitivity a lot more and it is much differen from the original and the previous one, I played around more here with how it interacted, I also changed the colors.

This is an alt of the second from the last, here is changed the sensitivity and colors.

This is an alt of the last of the last, here I messed around more with some things like the sensitiviy, and the visuals a lot more.

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

This is my final design. It is a Video Game Console interactive speech to audio/visual design, where the user can say a console name for an audio and visual to play that are connected to the console.

Click here to see it working on my server

This is my final design. It is a Video Game Console interactive speech to audio/visual design, where the user can say a console name for an audio and visual to play that are connected to the console.