A browser-based ambient instrument for creating generative soundscapes. Drag to play notes over a real-time WebGL fluid simulation.
| Input | Action |
|---|---|
| Left-click + drag | Play notes — X controls pitch, Y selects instrument zone |
| Right-click | Latch a drone chord at that position |
| Flow mode | Auto-play that drifts across the canvas |
- Crystal — high, shimmering tones
- Pluck — warm mid-range notes
- Sub — deep, resonant bass
Switch between Still Water, Moon Drift, and Warm Rain — each with unique synth voices, effects, and color palettes.
npm install
npm run devOpens at http://localhost:8080.
- React — UI
- Tone.js — audio synthesis and effects
- WebGL 2.0 — fluid simulation (adapted from WebGL-Fluid-Simulation)
- Vite — build tooling