Drumagery 🥁🖼️ v1
Building a Visual Instrument for Live Collaboration
Drumagery is a browser-based visual instrument I built for a live band collaboration event through Long Beach City College, with support from Workforce Programming.
The prototype was created for a collaboration with Under The Hood and C4RP00L, turning rhythm, visuals, MIDI-style interaction, and real-time performance into one playable system.
👇 Click each section below for more details.
🎛️ Controls
- Keyboard / MIDI: trigger visual and rhythmic responses in real time.
- Fullscreen mode: built for projection, performance, and live testing.
- Timing tools: adjust how visuals sequence, pulse, and respond rhythmically.
- Live improvisation: designed to be played while music is happening.
🎓 Why I Made It
I developed Drumagery while working part time at Long Beach City College. With support from Workforce Programming, I built the prototype as part of a larger collaborative event connecting music, digital media, performance, and experimental classroom practice.
The project grew out of analog-first creative systems like zines, dice prompts, rhythm games, collaborative drawing, and physical layout exercises translated into digital space.
🎤 Event Reflection
The collaboration with Under The Hood and C4RP00L went extremely well. Testing the app during a live music setting showed that the visuals could become part of the performance itself instead of functioning as passive background projection.
🎥 Video Demonstration
A real-time demonstration of Drumagery being tested and performed live.
🧾 Event Flyer
Flyer and promotional material from the collaborative event.
