Kristina You is a multidisciplinary designer based in New York, NY and a recent graduate from the ITP Program at NYU. Her practice focuses on UI/UX, interaction design, print design, and brand development.


︎︎︎Introduction to Computational Media

Week 11 Exercise



Part 1.


1. Load a single sound file and play it. Play and pause it with a mouse press.

code
preview




2. Load 10 sound files with a loop into an array. Play each sound file in progression with a mouse press. Challenge: Press the mouse to play and pause each sound file, e.g. the first pair of mouse presses plays and pauses the first sound file, the second pair of mouse presses plays and pauses second sound file, etc.

still working on this problem!





3.Enable mic input and visualize the level of the mic with the size of an ellipse. Change the background color to a new random color if the level exceeds a certain amount.

code
preview







Part 2. 

Create a sketch that analyzes sound and translates it into something visual. Use live or recorded audio. Use color, video, images, pixels, or whatever you fancy to represent the sound. Some ideas: imagine you are visualizing music for people who cannot hear. Can your visualization be as expressive as the music itself? Or maybe visualize the differences in noise pollution from different cities, e.g. what do the sounds of different cities look like?

code
preview










1.What did you originally intend to create?

I intended to create a visualization of sound using the fft and map levels function on p5.js. I wanted to layer different visual elements to create a more complex composition. 

2. Narrate the process of creating your sketch.I started off with selecting a sound and thinking about what kind of visual elements would best represent it. Since the sound I chose was very repetitive and simple I wanted the visuals to be cumulative and repetitive as well. 

3. What resources and examples did you draw on to create your sketch?
I used the fft function that we learned in class with a random color element thta would create an interesting layered effect with the map volume function layered on top of it.

4. What problems / discoveries did you encounter along the way?
I think that something that I wanted for this sketch was a sense of more randomness in terms of the ellipses as they grow, I would like to experiment with random placement and maybe more dynamicism as well. 










︎︎︎ BACK TO ITP BLOG


Last Updated:  April 9, 2023
kristinayou00@gmail.com