Module 2 Formstorming

Weekly Activity Template

Yuxuan Xie

Project 2

Module 2

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

Activity 1

The sound of air duct working The sound of earphone opening and closing The sound of scratching snack package The sound of chair moving The sound of pressing the pen The sound of scratching water bottle The sound of rubbing the touchpad The sound of using pencil to draw The sound of clicking mouse The sound of scratching plastic bag The sound of typing on th ekeyboard The sound of charger charging the laptop The sound of faucet pouring water The sound of scratching cloth The sound of opening and closing cabinet The sound of opening and closing door The sound of walking on the road The sound of pressing powerswitch The sound of shaking the bell on the doll The sound of flushing the toilet The sound of the handdryer blowing the hot wind The sound of opening and closing the drawer The sound of waterpispenser pouring water The sound of zipping the zipper The sound of brushing teeth with toothbrush

Activity 2

sound waves falling snow fireworks sound waves beat circles fading circles lines that follows the pointer floating bacteria circles raindrops beat circle and dots beat polygons floating geometric figures swaying light floating light dots floating cubes sound waves floating bubbles sound waves spinning circles beat dots matrix fading dots lines that follows the pointer beat stars beat stars rotating DNA beat circles sound wave circles

Project 2

Final Project 2 Design

P5 Interactive Audio Web Header Portfolio

Using Malcolm Todd’s "Attention" as the primary audio source, this project is an interactive visualization exploring the narrative of "Romantic Healing." It features a sweet macaron aesthetic and employs p5.js to translate vocal amplitude into a magnetic force that attracts and merges fragmented heart pieces. By utilizing stem separation and 108.5 BPM synchronization, the code creates a layered experience where celebratory fireworks and heartbeat pulses respond directly to both the music and the user's vocal energy, transforming raw audio data into a warm, sensory-driven digital landscape.

Click here to see it working on my server



×

Powered by w3.css