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

I'm entirely motivated by making sense of it all. In the existential sense.

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 note stays visible as the song ripples through. Low notes render warm, high notes cool.

The Waveform

The background canvas draws a stacked-line waveform modeled after the Unknown Pleasures album cover by Joy Division, itself a plot of radio pulses from the pulsar CP 1919. Each row is filled beneath its curve to occlude the row behind it, producing the same layered depth as the original. The waveform is continuously animated with layered sine functions that shift over time.