Sound Design& Creative Coding
A two-part university project exploring sound as design material: first by rebuilding the foley and realism of a selected music video, then by creating a Persona 5 inspired live performance with Strudel, p5.js, and Hydra.
61s
redesigned video
15
mapped cues
3
live-code layers
Part 01 / Foley redesign
Rebuilding a music video from visible motion.
The sound map turns the video into a list of physical events. Each cue becomes a small design problem: what material, what distance, what intensity, and what rhythm makes the shot feel believable?
Part 02 / Live performance
Persona 5 energy as a playable browser stage.
Tension scene
Combat scene
All-out attack scene
Showtime burst
Spawn masks
Throw a slash banner
System design
One performance, three layers talking to each other.
Live audio
Strudel
Pattern code switches between tension, combat, and all-out attack rhythms, with a separate showtime burst layered on top.
Performance graphics
p5.js
Masks, ransom-style banners, halftone fields, scanlines, and showtime flashes sit above the visual texture layer.
Visual texture
Hydra
Oscillators, kaleidoscopes, thresholding, rotation, and noise modulation create the moving stage backdrop.
Outputs
A fixed sound redesign and a live audiovisual instrument.
Next project