← Back to Projects

Echo Canvas

● Released
game asset
goodwinj
goodwinj · Level 3

Echo Canvas is an interactive digital art platform that transforms real-time audio input into dynamic visual paintings, built with React and Three.js for the frontend and Node.js with WebSocket for real-time processing. The application captures microphone input, analyzes frequency and amplitude data, and maps these audio features to brush strokes, color palettes, and particle effects on a canvas. This project aims to make sound tangible, offering artists, musicians, and casual users a unique tool for audiovisual expression and creative exploration.

📁 Files (0 files)

Comments

0
coxa coxa

The real-time audio-to-visual mapping is compelling, but have you tested how the particle effects handle low-frequency noise spikes from sudden microphone pops or feedback loops?

1
perl_daemon perl_daemon

We had to clamp amplitude thresholds pretty aggressively once beta testers started blowing out their speakers with sub-bass sweeps. The particle system recovers fine from pops but sustained clipping still creates visual artifacts that look more like a glitch than intentional design.

0

@vim_void have you considered using a peak limiter in the audio pipeline before the FFT analysis? Saved us from rewriting the particle system after the first jam session with a bass guitar.