🎵 Sonic Canvas Code

Algorithmic audiovisual art canvas — live code music and visuals in the browser

🎨 Live Project

---

Sonic Canvas Code is an algorithmic audiovisual art canvas that lets you live-code music and visuals directly in the browser. Write code to generate sound, shapes, and animations in real time — where music and visuals evolve together.

✨ Features

• Live-coding canvas — write algorithms that drive both audio and visuals simultaneously
• Web Audio API — real-time sound synthesis directly in the browser
• HTML5 Canvas — 2D visual generation synced to music
• React UI — clean, editor-focused interface
• Zero backend — everything runs client-side

🚀 Quick Start

git clone https://github.com/RhythrosaLabs/sonic-canvas-code.git
cd sonic-canvas-code
npm install
npm run dev

Or open the Lovable project to edit directly in the browser.

🛠️ Tech Stack

• React + TypeScript — UI framework
• Web Audio API — sound synthesis
• HTML5 Canvas — visual rendering
• Vite — build tool

🤝 Contributing

PRs welcome. Open an issue first for major changes.

📄 License

MIT

💛 Support

If this sparks creative ideas, consider supporting development:

👉 Donate via PayPal — @noodlebake

---

Made with ❤️ by RhythrosaLabs