Skip to main content
Back to Events

June 25, 2026 · Pennovation Center

PATCH 001: Make sound visible

Sound, visuals, and code in one room. People picked a scene, learned it hands-on, and built live pieces where sound turns into motion and color on screen.

A wide view of the seminar room: people at laptops around U-shaped tables, a presenter at the front, and the PATCH 001 title on the screens.

Philly, a DJ set can sound alive while the screen behind it sits still. PATCH 001 started with that problem: the music was alive, but the visuals weren’t.

Everyone came in through one of three scenes. For some, it was their first time in that scene:

  • Sound. Drum machines, a DJ controller, and GarageBand. You bring the signal.
  • Visuals. Sketching and design on tablets and laptops. You make it move.
  • Code. p5.js and the Web Audio API. You wire the sound to the visuals.

Each scene got its own short lesson, then got to building: beats on one laptop, a reactive sketch on the next, where what you hear becomes what you see. People found each other across scenes and formed trios: an engineer, a designer, and a performer. At the end, people showed their work on the big screen.

The visualizer from that night is open source: djVisualizer. PATCH 001 was the first night of the series, and the reason every PATCH since ends with something you made.

Waskar Paulino led the night and taught the code scene. Diego Mendoza-Ramos led the visuals scene and made the photo recap.

This night on Luma

From the room

Photos from the night.

  • An attendee presses pads on a drum machine, next to a smaller synth and a laptop.
    The sound scene
  • An attendee types code on a laptop that shows glowing colored dots.
    The code scene
  • An attendee in headphones works a DJ controller on top of a laptop covered in stickers.
    On the decks
  • Two attendees draw on tablets with a stylus while a third stands and watches.
    The visuals scene
  • A helper leans over a table to point at a laptop while the people around it build.
    Helping a table
  • The presenter gestures while talking, beside a DJ controller on a stand.
    The opening talk
  • Two laptops side by side: one shows audio tracks, the other shows colored circles from a p5.js sketch.
    Sound in, visuals out

Come to the next one.

Every night is free. No experience needed, and you don't have to come with anyone.

RSVP for the next nightAll events
The PhilaCon Valley pigeon standing on a keyboard, with the Philadelphia skyline behind it