musicGen

MusicGen is a personal project by Abdullah Chaudary, designed to explore the creative boundaries of interactive music generation. Inspired by a passion for blending technology and art, MusicGen empowers users to create unique musical experiences through various mediums—whether it's using your camera to shape sounds, experimenting with a theremin, or diving deep into synths with full MIDI support.

This project showcases the seamless integration of cutting-edge web technologies like VueJS, Three.js, and Tone.js to create an accessible yet powerful music tool for both casual creators and seasoned musicians. Every feature has been designed with customization and interactivity in mind, providing an experience that is as visually captivating as it is sonically engaging.

Project Description:

MusicGen is an innovative, interactive music creation tool that brings a fresh approach to music generation and sound experimentation. It features multiple modes that allow users to create unique sounds through various interfaces:

Camera-Based Music Generator: Generate music using interactive shapes and your camera feed, turning visual inputs into sonic experiences.

Touch Theremin: Play a theremin right from your screen with extensive customization options, including tone selections, oscillator types, and a wide range of audio effects.

Full Synth Keyboard: A powerful synth keyboard packed with features like oscillator and tone selections, effects, and full MIDI support, giving users the freedom to craft their sounds like never before.

Built with VueJS, Three.js, Tone.js, and Vanilla JavaScript, MusicGen leverages modern web technologies to provide an immersive experience, all while being optimized for Progressive Web Application (PWA) standards. Tailwind CSS ensures a responsive and sleek interface for users on both mobile and desktop.