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.
Dos Alas Studios GIFs
Procreate Dreams is king!
Animated a few gifs for our website’s sections. We are in fact working on building an arts education program for neurodivergent folx.
God bless Procreate Dreams 2.0 as it has beckon itself as GOD TIER amongst mortals as probably one of my favorite animation programs ever made. (Maybe we’ll make a tutorial video someday :) Enjoy!
Card Game Mock Ups II
Some new additional designs for the card game a collaborator and I are testing out. Wanted to find a unique design for each card type without too much detail as I feel its important for the focus to be on the art and let the design itself help distinguish the card’s function. Perhaps a back pattern to determine them could be in order for more detail of visual categorization.
Card Game Mock Ups
A collaboration series of mock up designs for a card game prototype. Finding the balance of occultic eerie, and cartoony.
Grandmas' Room #1
Finally after a lot of intense debugging, we got this simple little room to work for the next part of the game. Using animated sprites to make room transitions paid off after a few experiments I did before development. Doing sound design for this was a blast too, and I loved utilizing weird sampling and audio effects to give the room a certain tone and feeling of dementia nauseous.
Animated image of an elderly woman’s soul trapped in a b-movie late night special on a vintage television.
