Module 2 Formstorming

Weekly Activity Template

student name put a description here or you will lose grades

Project 2

Module 2

This project explores how sound, motion, and user interaction can be translated into responsive digital systems through iterative experimentation and formstorming.

Activity 1

Source sound material of accessibility switch

Source sound material of brush

Source sound material of chair

Source sound material of classroom ambience

Source sound material of door

Source sound material of drinking

Source sound material of eating

Source sound material of glass bottle

Source sound material of hair brushing

Source sound material of keys

Source sound material of medicine packaging

Source sound material of microwave

Source sound material of computer mouse

Source sound material of bottle cap opening

Source sound material of paper bag

Source sound material of power plug

Source sound material of scissors

Source sound material of shower

Source sound material of sofa movement

Source sound material of light switch

Source sound material of vending machine

Source sound material of walking footsteps

Source sound material of running water

Source sound material of zipper

Source sound material of book flipping

Activity 2

Inactive switch state; clicking toggles interface color and initiates music playback as both visual and auditory trigger.

Activated switch state; interface color changes to indicate music is playing, reinforcing visual feedback.

Initial exploration of modifying audio frequency parameters to observe real-time sound manipulation.

Further frequency modulation experiment by increasing pitch range to study sonic and interaction effects.

Second p5.js experiment: interactive webpage with slider-based frequency control.

Activated frequency control interface dynamically responding to user input and sound changes.

Modified frequency slider range values in code and tested expanded parameter limits through interaction.

Initial exploration of third p5.js sketch; interacting while examining visualization logic in code.

Adjusted FFT.analyze() parameters to experiment with frequency data processing and visualization.

Modified note generation interval to increase spacing between visual bars for clearer rhythm.

First sketch from second tutorial; entire interface functions as play/pause toggle.

Modified playback state color to strengthen visual feedback between active and inactive states.

Additional color refinements within limited modifiable code structure.

Added volume control slider to expand adjustable sound parameters.

Testing volume slider with updated color scheme to evaluate visual clarity and usability.

Interface with dual sliders controlling both volume and frequency simultaneously.

Customized color and size of both control sliders to enhance hierarchy and interaction clarity.

Sketch featuring two spherical toggle controls for adjusting sound and frequency through drag interaction.

Adjusted background and spherical toggle colors for cohesive visual identity.

Responsive sketch with dynamic circular elements that change form based on audio interaction.

Resized and recolored toggle elements and replaced audio file to test visual responsiveness.

Microphone input waveform visualization with customized color adjustments.

Sound energy visualized as spherical forms representing microphone and playback input.

Modified styling while testing interaction between sound input and visual transformation.

Circular rainbow spectrum visualization mapping detected sound frequencies through adjusted hue distribution.

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

My interactive audio piece transforms keyboard input into generative sound-visual feedback, expressing the relationship between play, responsiveness, and time-based digital interaction.

Click here to see it working on my server

The work is operated through keyboard input, where each key press triggers synchronized sound and generative visual feedback, demonstrating how simple interactions can unfold into time-based, responsive digital systems.

Powered by w3.css