Music Kaleidoscope
Music Kaleidoscope is an interactive audio visualizer that transforms sound into vibrant, artistic patterns inspired by Pop Art. Users can customize settings or use pre-configured presets to create unique visuals.
Author(s) | Zheng Chen |
---|---|
Academic Year | 2025 |
Course | Creative Coding Fondations |

Project Poster
Abstract
Music Kaleidoscope is an interactive audio visualizer that transforms sound into vibrant, artistic patterns inspired by Pop Art. Users can customize settings or use pre-configured presets to create unique visuals.
Features
- Real-Time Visualization: Visualizes live audio input dynamically.
- Custom Controls:
- Adjust background and brush colors.
- Change brush size and rotation angle.
- Scale the visualization.
- Enable/disable auto-clear for persistent or transient visuals.
- Pop Art Presets: Choose from styles inspired by Andy Warhol, Roy Lichtenstein, Keith Haring, and more.
- Keyboard Shortcuts:
Space
: Start/Stop visualization.C
: Clear canvas.S
: Save the canvas as an image.
Key Technologies
- HTML5 Canvas: For rendering visuals.
- JavaScript: Handles visualization logic and interactivity.
- Web Audio API: Processes live audio input.
- CSS3: Styles the interface and ensures responsiveness.
Future Improvements
- Add more presets.
- Support multiple audio sources.
- Allow users to save and load custom configurations.
Demo

Project Demo
Painting Collection
_2.png)
Painting 1
.png)
Painting 2
.png)
Painting 3
.png)
Painting 4