Module 2 Formstorming

Weekly Activity Template

Grey Gwozdz

Project 2

Module 2

An exploration of sound around sheridan campus

Activity 1

birds chirping, caught in the forest behind sheridan. image from my birdfeeder at home. I love birdsong and enjoy tying to identify the bird it comes from.

audio of the stream that flows through sheridan campus I find the sound of flowing water relaxing, it had recently rained so the water was moving faster

audio from my sowing machine at home. you may need to increase volume for this one. the sound of it is rythymic and peaceful to me.Image is of my machine

audio of the go train pulling into the station - GO Transit. (2026). Lakeshore west Tips and Tricks. In GO Transit. https://www.gotransit.com/en/the-future-and-go/construction-notices/lakeshore-west-tips-and-tricks

audio of all the washing machines and dryers running in the residence laundry room. The phone didnt pick up just how rattly it was, someone mustve had buttons or something clanging around in the dryer

a small multitool saw cutting through thin wood board. it has an intresting rythym

pouring ice into a metal glass and then shaking it. I thought the sound it made was kinda fun, image from: amornchaijj. (2026). One glass of ice on wood table. In Adobe stock. https://stock.adobe.com/ca/images/one-glass-of-ice-on-wood-table/140147412?prev_url=detail .

audio of walking through crunching snow. Image taken by me on an unrelated snowy day

The learning commons at sheridan on a quiet sunday the big open room and all the carpet dampened any conversation

The communal area by the tims on campus on a quiet sunday. It was still suprisingly chatty

A low flying small plane. This one has a quiet start I couldn't get a picture myself, so this is a similar plane but not the same one. image from T.Gorhum. (2024). A Blue and White Single Engine Airplane Flying Away. In shutter stock. https://www.shutterstock.com/image-photo/blue-white-single-engine-airplane-flying-2528050111?trackingId=070592b6-4bf0-44e1-b4e0-1f83135f8309&listId=searchResults .

the sound outside the glass workroom in the AA wing on a quiet sunday. The quiet conversation and music was peaceful

a small snowplow driving around sheridan campus. I thought the engine whirring was intresting

a small snippet of me playing piano at home. This one is loud.I tried to take a small snippet from the most intresting section.

the very loud radiator in sheridan residence. the audio is fairly quiet you may need to increase volume. the phone didnt pick it up but the radiator has a long clunking rythym that sometimes keeps me up at night.

entering The AA wing there are very loud overhead fans, audio of that. when listinging so closely for small sounds it was almost startling how loud it was.

flipping the pages of a book. ITs a sound assiciated with peacefulness or happiness to me.

the door to a sheridan residence room being unlocked and opened. a familiar sound with an intresting melody.

my metronome ticking at 152 beats per minute. photo of my metronome at home. a consistent and steady rythem, this one is slighly fast, but not anxiety inducing.

click clacking away at a mac-book laptop keyboard. It is a light and unobrusive sound.

my blender that hardly works trying its best. This sound is one I find unpleasent because it has a rattling grinding quality that I worry means something is breaking. Aswell, I do not like loud sounds and bothering my neighbors. IT is anxiety inducing

hashbrowns fresh out of the air fryer sizzling. A very satifying sound becasue it means food is imminent.

my very poor attempt at shuffling cards. not quite satifying yet, still pretty clunky.

the microwave running. This one is also fairly quiet. The sound has an even humming quality,

cutting open the plastic on a package and then clicking the scissors a few times. It has a sliding crisp sort of sound, the first one had an intresting quality that i couldnt replicate because the tension on the fabric was lost.

Activity 2

I was following a video by the coding train. This was the first way he went over in the video, I was following along playing with different peramaters. The Coding Train. (2016, June 7). 17.1: Loading and Playing - p5.js Sound Tutorial. YouTube. https://www.youtube.com/watch?v=Pn1g1wjxl_0&list=PLRqwX-V7Uu6aFcVjlDAkkGIixw70s7jpW

While I followed along the same video I messed up one of the peramaters forgetting to put in a variable for the amplitude in one slot and it did this. I thought the mistake was intresting enough to note. It reminded me a bit of swaying grass.

This was the second basic amplidtude visualizer covered in the video. I've done very little coding before so it felt significant enough to note down in the progress work.

While still following along the tutorial it covered how to make the oldest parts of the amplitude readings dissapear so the line always kept up with what was currently playing and appeared to be moving.

This section showed how to create a line indicating the current point. I thought it was useful as it could be used as later inspiration so I decided to include it

This took the previous exersise and made it so that the current amplitude level was always in the middle making the rest of the line appear to wiggle. I did not like how this visually looked but I included it because I thought it could be a jumping off point or source of inspiration later on.

this visualizer used microphone imputs for the sound instead of a set audio.

While still following the video I experimented with different peramaters to add colours and differing amounts of bars.

I followed a video by The coding trane on how to visualize amplitude levels in a circle as it is a common visualizer style, especially in old music videos. The Coding Train. (2016b, October 18). 17.10: Sound Visualization: Radial Graph - p5.js Sound Tutorial. YouTube. https://www.youtube.com/watch?v=h_aTgOl9J5I&list=PLRqwX-V7Uu6aFcVjlDAkkGIixw70s7jpW&index=10

I was still following the video at this point and it was shown how to add colour to the visualizer and use points or vectors instead of a single line

At this point I was finished with the videos and was taking what I had learned and experimenting with it to see what happened when I changed different variables. I was trying to get the inside to fill with colour but had no luck at this stage.

For this variation I changed the visualizer from a vector to lines originating from 0.0, the colour applied itself to this method much more effectively.

For this variation I continued to use lines but changed where I put the variable that follows the amplitude level. I dont see myself likely using this but thought it looked very intresting.

For this variation I changed the representation from lines to elipses to see what kind of effet that would give me. I had also tried rectangles but it looked the same as lines so I did not include it.

This was the first iteration of a vauge concept that I had. I thought iverlaying a circular visualizer and a record couuld give an intresting effect. I intitally wanted the visualizer to be just the outer line on the record spiking in and out but I could not figure out how to do that and also have the line be coloured. This is the record image used in all subsequent entries with a record: Yashchuk, O. (2026). vinyl long playing record isolated retro halftone effect. Adobe Stock. https://stock.adobe.com/ca/images/vinyl-long-playing-record-isolated-retro-halftone-effect-collage-element-for-mixed-media-vintage-dotted-texture-magazine-grunge-punk-style/628254976?prev_url=detail

This is the result of leaving the record png I was using spinning accidentally for hours, It was a really intresting effect although Im not sure how or why it looks like this.

This visualizer is the result of finally getting the record to nicely spin when playing and stop when the music is turned off.

The next logical step from this was to see if I could get the record to spin when different songs were playing without falling apart. I'm sure the way I did it was not neccessarily the most effective but I was thrilled when I actually got it to work. The album covers used in this and the next one are from: DDOK. (2026). Set of abstract trendy backgrounds . Adobe Stock. https://stock.adobe.com/ca/images/set-of-abstract-trendy-backgrounds/238931455?prev_url=detail

This stage was the closest to an actual concept that I like, I added a rainbow visualizer and was thinking it could be part of a music hosting website or a website for a store that sells records. The astetics of it would change significantly but the functionality of having various record covers that play when you click on them seemed fun and intresting.

This was the start of me experimenting with warping photos with the amplitude. I thought this effect was intresting enough to include but wasnt what I was trying to do which was have the record at the front change size. I got some very intresting patterns putting the variables in different coordinates but none of them seemed useful so I stuck with this one.

I decided to use a png of fire that I had drawn earlier to see if I could make it look like it was flickering with the music. I thought the effect was alright after playing with the peramaters a little.

For valentines day I thought doing something with a heart would be cute, so I made the heart scale with a heartbeat sound to give a beating heart effect.This is the citation for the heart image: Artamonov, A. (2025). Red heart transparent. Decoration element. In Adobe Stock. https://stock.adobe.com/ca/search?k=heart+png&search_type=usertyped&filters%5Bgentech%5D=exclude&asset_id=541646465 This is the citation for the heartbeat sound: DRAGON-STUDIO. (2025, July 10). Heartbeat Sound | Royalty-free Music. Pixabay.com. https://pixabay.com/sound-effects/film-special-effects-heartbeat-sound-372448/

I took the previous concept and pushed it a little further by playing with rate. I made it so thatr if you mouse over the center of the heart the heart beat speeds up a lot. It was intresting but I am not sure how I would build it into something larger.

I was drawn back to the fire because I thought I could make it look better.I decided to have the foreground and background pictures stretch in opposite directions to see if that would give an illusion of depth betwen them.

I took a break but still wasn't satisfied with the previous result so I ended up going back and flipping the direction that it stretches in and how tall the images were so that they only stretch to opposite sides. It could look somewhat intresting as a header for a website about forest fires or grills perhaps.

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

PLACEHOLDER TEXT, put a description here or you will lose grades

Click here to see it working on my server

test2Lorem ipsum dolor sit amet, consectetur adipiscing elit

Powered by w3.css