Module 2 Formstorming

Weekly Activity Template

Lauren Clark

Project 2

Module 2

In module 2 the focus is working on audio and code, and how the two can be related. It's important to separate sounds from their source and consider how they could be used an abstract visual. While working through this project, I'll be collecting sounds and then testing p5 sounds with various coded visuals.

Activity 1

Sounds of the bathroom at Union Station, a train can be heard coming in overhead.

Sounds excitement and a car boot closing. The picture is screenshotted from the video the audio is from.

Walking through the art hall at Sheridan College. The picture is screenshotted from the video the audio is from.

Sounds of a jazz bar in October of 2025. The picture is screenshotted from the video the audio is from.

Opening and closing a microwave door and pressing the buttons.

A bus leaving from the terminal at Sheridan College. The picture is screenshotted from the video the audio is from.

Sounds of the Indigo at the Eaton Centre in Toronto in December of 2025.

Sounds from a path on a hike in Canmore, Alberta in May 2025. The picture is screenshotted from the video the audio is from.

My roommate completing tasks in the kitchen.

Opening and closing the kitchen drawers.

Laughter and exclamation from my mother.

A night ride on the bus. The picture is screenshotted from the video the audio is from.

The outside sounds after rain from my apartment.

The sound the ventilation in my room at my apartment.

Taking steps inside my room while showing off an outfit.

Sounds of a windy day in Toronto in September 2025.

My father unboxing a new television. The picture is screenshotted from the video the audio is from.

My roommate complaining in a Walmart about Pizza Pops. The picture is screenshotted from the video the audio is from.

The sound of the Walmart printer. The picture is screenshotted from the video the audio is from.

A waterfall in Yoho National Park, British Columbia recorded in July 2025. The picture is screenshotted from the video the audio is from.

A large enclosed space filled with butterflies as people look on in awe. Taken at the Calgary Zoo in July 2024. The picture is screenshotted from the video the audio is from.

Activity 2

Experimenting with the Makey Makey and Tutorial 2 code.

The corresponding colour jumps on the Makey Makey.

Changing the frequency on the Tutorail 1 code.

Experimenting with the Makey Makey and modified Tutorial 2 code.

A screenshot of experimenting with the Makey Makey and modified Tutorial 2 code.

A screenshot of experimenting with the Makey Makey and modified Tutorial 2 code with circles that appear upon clicking.

A screenshot of experimenting with the Makey Makey and rainfall that appear upon clicking..

A screenshot of experimenting with the Makey Makey and flowers that appear upon clicking.

A screenshot of experimenting with the Makey Makey with a spotlights that turn on based on the arrows.

A screenshot of experimenting with the Makey Makey with a solar system that moves based on the arrows.

A screenshot of a work in progress of the final project.

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

For the final project I used three main source components to build a visual that has a flow field that responds to frequency. I used the general change in frequency code from Tutorial 1, as well as the start and stop button. The changing frequency and volume sliders came from Tutorial 2 code. I also referenced a video from Colorful Code that has a tutorial on making a flow field. The flow field is a blue and yellow ombré that responds directly to the frequency, however the volume remains unaffected. If at a lower frequency, the flow is more spread out and slowed down, at a higher frequency the flow is tighter together and faster.

Click here to see it working on my server

test2Lorem ipsum dolor sit amet, consectetur adipiscing elit