Module 2 Formstorming

Weekly Activity Template

Thanh Nguyen Thi Kieu

Project 2

Module 2

In this project, we explores different ways on interacting and visualizing sounds on p5.js.

Activity 1

This is the sound made from rubbing a letter and a sketchbook together. I like the crispy noise the letter makes, and using the sketchbook with rougher texture amplifies the noise.<br><audio controls src='/audio/Book letter.mp3'></audio> This is the sound that I attempted to capture of my dog walking around. She doesn't bark, but I like the sound of her nails hitting the wooden floor. It took many attempts and this is the best one. The sound can be heard around 15 second mark.<br><audio controls src='/audio/April.mp3'></audio> This is the sound made from playing around with a coin. While I am not sure how much the coin worth, the sound it makes has always been interesting to me. I like the 'ting' sound of when the coin is being flipped at the beginning and the sound of it rolling on the floor at the end.<br><audio controls src='/audio/Coin.mp3'></audio> This is the sound made from opening and closing the drawer. I think the sound is satisfyingly soothing.<br><audio controls src='/audio/Drawer.mp3'></audio> This is the sound made from the countdown of the egg timer. I originaly bought it for pomodoro, but the sound is too urgent and distracting for me to study with it. It is quite weird that the sound is rhythmic yet also a little distracting.<br><audio controls src='/audio/Egg.mp3'></audio> This is the sound made from dropping water from the eyedrop to a cup of water. It feels like music beats to me.<br><audio controls src='/audio/Eyedrop.mp3'></audio> This is the sound made from the ventilation fan in my house. It is a soft, calming sound for me.<br><audio controls src='/audio/Fan.mp3'></audio> This is the sound made from opening and closing the faucet. There is nothing much here. I thought I can distort it into interesting sounds.<br><audio controls src='/audio/Faucet.mp3'></audio> This is the sound made from hitting a spoon and a metal container together. I like the metalic tink sound that results from the interaction.<br><audio controls src='/audio/Food.mp3'></audio> This is the sound made from opening the straw wrapper and putting the straw into the mil, and drinking the milk. I just like the variety of sound you can make from this object.<br><audio controls src='/audio/Milk.mp3'></audio> This is the sound made from ripping a piece of paper towel. I think the sound has an interesting texture.<br><audio controls src='/audio/Paper towel.mp3'></audio> This is the sound made from putting the glass serum bottle onto a stone surface. I think the sound is alike to 2 rocks hitting when playing Go.<br><audio controls src='/audio/Serum.mp3'></audio> This is the sound made from hitting the glass tube of the serum into the bottle. It is a high pitch, delicate sound<br><audio controls src='/audio/Serum inside.mp3'></audio> This is the sound made from rubbing and throwing the shoes around. I think it is neat. I like the hard sound when the bottom of the shoes hit each other.<br><audio controls src='/audio/Shoe.mp3'></audio> This is the sound made from dropping the spoon into the porcelean bowl. The sound reminds me of dinner.<br><audio controls src='/audio/Spoon bowl.mp3'></audio> This is the sound made from spraying the spray. It is an airy sound that I want to experiment with the sound modifying tools.<br><audio controls src='/audio/Spray.mp3'></audio> This is the sound made from turning the switch off and on. <br><audio controls src='/audio/Switch.mp3'></audio> This is the sound made from shaking the tic tac bottle. I sometimes wonder if this could be used as a musical instrument.<br><audio controls src='/audio/Tic tac.mp3'></audio> This is the sound made from dropping a water bottle down a flight of stairs.<br><audio controls src='/audio/Cup.mp3'></audio> This is the sound made from rustling the winter coat. It is a soft and light sound.<br><audio controls src='/audio/Coat.mp3'></audio> This is the sound made from moving the little Totoro doll on the table.<br><audio controls src='/audio/Doll.mp3'></audio> This is the sound made from shaking a Tums bottle. It sounds much heavier than the tic tac one.<br><audio controls src='/audio/Tums.mp3'></audio> This is the sound made from sliding out the knife and cutting a piece of cardboard. I like the sound of sliding the knife out.<br><audio controls src='/audio/Knife.mp3'></audio> This is the sound made from sliding open and closing the pencil case. I like how the pitch changes depends on how much force you use on the item.<br><audio controls src='/audio/Pencil case.mp3'></audio> This is the sound made from shaking a glasses case with the glasses inside. For me, the sound is disturbing, like a toy or monster running to you.<br><audio controls src='/audio/Glasses.mp3'></audio>

Activity 2

This is my experimentation on speech to text. This is the first sound visualization. The circle changes depends on the sound volume. This is where I experiment putting different sounds into the project. I also put in different colors when the sound is played. Kinda like a disco ball? I experiment with preload, sound rate, and callback functions. I experiment with sound visualization. the elipse changes depends on the volume of the sound. I experiment with sound visualization. the rectangle changes depends on the volume of the sound The slider changes the pitch of the sound. I experiment with the pitch and amplitude of sounds. I experiment with different oscillator sound in the library. Also how the change in pitch creates different sounds. I experiment with different numbers in the code and see what will happen. some of the end results got me scratching my head. . If you spam the start button, a continous grating sound will play at the same time with the usual sound I learn new code. I also load different sounds. I experiment with different ways slider value can be mapped. I did not experiment with this one, as I have no meaningful way of changing things more than previous ones. I tried out different slider customizations. I tried out different ways to make the circles behave differently, including changing their starting position, how much changes when the mouse move, color, the latency of the circles. I changed out some numbers and values in the x and y for each graphs. The x axis in the blue graph is quite weird I tried changing color and outline depends on the volume. Then I learned the difference between amp and waveform. This is what happens when you link stroke weight and fill with waveform. I tried out the code for sound visualization. I learned that you can put other projects into the web, acting like videos. I tried modifying the code of the circular visualization. I do not remember how I got this, but I know I just tried changing some numbers. I tried modifying the code of the circular visualization. I do not remember how I got this, but I know I just tried changing some numbers. I tried modifying the code of the circular visualization. I do not remember how I got this, but I know I just tried changing some numbers. This was my attempt at visualizing a wave in a dynamic way.

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

This is an interactive sleeping dragon that will be awake when there is a loud sound.

Click here to see it working on my server

This is the sleepy but easily startled Dragon.

×

Powered by w3.css