Kaleidoscope
Move your cursor around the canvas to create beautiful symmetrical patterns. The kaleidoscope reacts to your movement with vibrant colors that cycle through the spectrum.
Instructions: Move your mouse over the canvas to draw. Click and drag for continuous drawing. The patterns will automatically reflect across 8 symmetrical segments.
About this Kaleidoscope
This interactive kaleidoscope is built with p5.js, a JavaScript library that makes coding accessible for artists, designers, and educators.
The visualization creates 8 symmetrical segments, with each mouse movement reflected across all segments to create mesmerizing patterns. The colors cycle through the HSB color space, creating smooth transitions through the entire spectrum.
Try different movements: slow curves for flowing patterns, quick gestures for dynamic bursts, or steady drawing for detailed designs.
Credit: Original concept shared by @iwangbowen on X — adapted and integrated into this blog with responsive design.