OctoSynth

Inspiration We wanted to redefine "multitasking." Instead of seeing it as a stressful to-do list, we looked at the octopus: an animal with distributed intelligence, moving eight limbs in perfect coordination. We realized that nature’s multitasking isn't chaos—it’s rhythm. OctoSynth was born from the desire to turn that biological efficiency into a musical flow state.

What it does OctoSynth is a browser-based, radial audio sequencer. It features eight "tentacles" (audio channels) radiating from a central pulse. Users click nodes on these tentacles to build complex, layered melodies. As the pulse ripples outward, it triggers activated nodes, allowing anyone to orchestrate an eight-part harmony in real-time without needing musical training.

How we built it We went strictly Vanilla JavaScript—no frameworks, no bloat.

Audio: We used the Web Audio API to synthesize sounds from scratch (using oscillators) rather than loading pre-recorded MP3s.

Visuals: The interface is drawn on HTML5 Canvas. We used trigonometry to map linear musical timing onto a radial, circular grid.

Logic: A custom look-ahead scheduler ensures the audio stays perfectly on beat, even if the visual frame rate fluctuates.

Challenges we ran into The "Main Thread" problem. JavaScript's standard timing (setTimeout) is too imprecise for music, causing rhythms to stutter. We had to implement a precise scheduling system using the Web Audio context's internal clock to queue notes ahead of time, ensuring rock-solid timing while keeping the visual animations smooth.

Accomplishments that we're proud of We built a functional instrument with zero dependencies. There are no external assets or heavy libraries; the entire app is lightweight code. We are particularly proud of the "Pulse" visualization, which makes the abstract concept of musical timing feel physical and organic.

What we learned We gained a deep understanding of the Web Audio API and the mathematics required for radial UI layouts. We also learned that "limitations" are a superpower—by restricting ourselves to browser-native tools, we built something faster and more unique than if we had used a standard game engine.

What's next for OctoSynth We plan to add different instrument presets (synthesizers, drums), a "Record" feature to export your jam sessions as audio files, and multi-touch support so users can play it like a physical instrument on tablets.

Built With

• css3
• github
• html5
• javascript
• no-frameworks
• web-audio-api