Cymatics is now open source. Audio input (files, radio streams, microphone or a built-in tone generator) drives a WebGL2 simulation that renders cymatic wave patterns on a canvas.
It ships three ways:
- The app: a full studio with presets, a 9-band EQ, an XY light pad and every engine parameter on a knob.
<cymatics-view>: the engine as a single-file web component for any page.- The studio as a library: the whole app, mountable inside another page.
Stack
- Pure Vanilla JavaScript
- GLSL / WebGL2
- Web Audio API
- Web Components
- Vite