Zachary, a Senior Product Designer / Design Engineer at WarpStream working on product, ui/ux, frontend development, web and gtm initiatives.

The Piano

The piano song on the homepage is a cover of Maxence Cyrin's solo piano rendition of the Pixies' "Where Is My Mind," sourced from an OnlineSequencer.net arrangement whose protobuf-encoded note data was decoded with a custom Python script to extract all 527 note events. The sequencer runs at 80 BPM inside the requestAnimationFrame loop so audio and visuals fire in the same tick with zero drift. Each note plays through the MusyngKite acoustic grand piano soundfont loaded via soundfont-player, with volume shaping that boosts melody, cuts bass, and softens high notes.

Every playing note maps its MIDI pitch to a row on the Joy Division waveform and injects energy that decays over time, bleeding into neighboring rows so chords spread across the canvas. Simultaneous notes that collide on the same row get nudged apart so every voice stays visible as the song ripples through. Low notes render warm, high notes cool.

Site

Built with Astro, Tailwind, and Vercel.