Echo Canvas

Develop a browser-based generative art web application named Echo Canvas that delivers a seamless, privacy-first creative experience. The core functionality should capture live audio input from the user’s microphone, supporting all types of audio including speech, humming, singing and played music, and convert the audio data in real time into continuously accumulating abstract artworks inspired by the composition style of Kandinsky. Implement precise audio parameter mapping rules: map audio amplitude directly to the intensity of generated visual shapes, map audio frequency to the color temperature of visual elements, map audio timbre to the texture of the rendered artwork, and map audio rhythm to the dynamic change patterns of the overall visual layout. Add a high-resolution artwork export feature that allows users to save their generated works as standard PNG files with clear, sharp output quality. Ensure the entire application runs fully locally within the user’s browser with no backend server required, no user account registration or login process, and no audio or artwork data ever transmitted to external servers to fully protect user privacy. Integrate a built-in Demo Mode that enables users to preview all core visual effects and interaction flows instantly without granting microphone access, so users can understand the app’s functionality before deciding to enable audio input. Optimize the application to run smoothly on all mainstream modern browsers, with low latency between audio input and visual response to guarantee a natural and fluent real-time interaction experience.