What began as a simple “audio generator” evolved into Power Synth—a rigorous exercise in low-latency synthesis and complex state management within the browser. This project is a living prototype, a collection of experimental signal paths and MIDI integration tests that are constantly being refined.
Experimental DSP
Moving away from libraries to build raw AudioContext routing. From resonant filters to non-linear distortion, it’s a battle of math and signal flow.
Iterative Logic
A journey through trial and error—fixing audio context ghosting, cleaning up navigation listeners, and perfecting arpeggiator latch cycles.
AI Co-Pilot
Leveraging Antigravity AI to debug complex scheduling and state sync between the audio thread and the visual UI in real-time.
The Friction of Progress
The real challenge wasn’t just “making sound”—it was keeping it under control. Navigating between Astro’s view transitions meant battling zombie AudioContexts and overlapping event listeners that would persist across pages.
“Most documentation misses the ‘cleanup’ part. We had to build a custom disposal system to ensure that when you navigate away, the synthesizer truly dies, rather than haunting your browser with ghostly 440Hz tones.”
Implementing the Arpeggiator Latch was another hurdle. Designing a ‘Chord Replacement’ logic that felt musical—where new notes clear old ones only when the fingers leave the keys—required dozens of iterations of state logic and MIDI handling.
Synthesis Controls (WIP)
Dynamic ARP Engine
Adaptive scheduling that handles Tempo, Octave-spanning, and Latch modes. Still being tuned for “swing” and polyphonic nuances.
Modulation & LFO
Beat-synced Low Frequency Oscillators that target multiple destinations. A complex web of internal routing nodes.
MIDI Bridge
Experimental raw MIDI access for hardware controllers. Navigating the browser-specific security and handshake constraints.
Waveform Monitoring
Canvas-based real-time oscilloscope visualizer, providing immediate feedback on the signal’s shape and amplitude.
Iterative Evolution
This project highlights the power of AI-supported rapid prototyping for complex audio-visual systems:
State Management: Tackling the chaos of real-time audio parameters and visual sync.
Experimental Spirit: Trying new filter slopes and saturation curves at a frantic pace.
Future Potential: Laying the groundwork for more advanced browser-based instruments.
Continue Exploration
Experimental WebGL Photo Editor
// Broadcast Transmission