A while back I introduced Rronoscope, a browser-based kaleidoscope maker. It was fun, but rough around the edges. Now, I’ve rebuilt it from scratch as Rronoscope 2.0, using p5.js and hosting it on GitHub.
This version began as a creative coding session in the p5.js Web Editor. With visuals updating live, it was easy to experiment and refine the user experience. Using p5.js let me focus on design and interaction, while GitHub gave me structure, version control and simple deployment.
Compared to the earlier version built with React, the current UI looks a bit less modern, but building features in p5.js was much easier and faster. The web editor made it feel like sketching with code, which helped me iterate quickly and stay in a creative flow.
I improved Rronoscope 2.0 based on feedback from friends and family. The original version struggled on mobile, had a clunky interface, and lacked variety.
Rronoscope 2.0 gives you full control over your kaleidoscope design. You can set the canvas orientation and pick up to three base colors, each with a randomize option for instant palette experimentation. The brush shape and thickness sliders let you play with stroke style and size. “Symmetry Slices” adjusts how many mirrored segments make up the design, allowing you to increase or reduce complexity. You can also set the background color and use quick actions like Clear Canvas, Save Image, and toggle randomization modes for color, size, and auto-drawing. These tools make it easy to create unique, animated, and colorful mandala-like visuals with just a few clicks.
You can try Rronoscope 2.0 at https://rronnushi.github.io/rronoscope/. It’s still a playful side project, but one that keeps evolving. Thanks to everyone who tested it and shared feedback.
