Create mesmerizing, symmetrical digital art with this interactive kaleidoscope app!
✨ Built with p5.js and styled with Tailwind CSS, this project lets you unleash your creativity with beautiful, customizable patterns.
🌈 Live Drawing: Draw with your mouse or finger and see your strokes mirrored in real time.
🔢 Symmetry Control: Adjust the number of symmetrical sections (2–20).
🖌️ Brush Customization: Change brush color and size on the fly.
🎲 Random Color Mode: Toggle to cycle through rainbow colors as you draw, or pick a single color.
🖼️ Background Color: Instantly set the canvas background to any color.
🧹 Clear & Save: Clear your canvas or save your artwork as a PNG.
📱 Mobile Friendly: Fully responsive and touch-friendly for phones and tablets.
-
Clone the repository
git clone https://github.com/your-username/kaleidoscope-art.git cd kaleidoscope-art
-
Open
kelaidoscope.html
in your browserNo build step required! All dependencies are loaded via CDN.
kelaidoscope.html
– Main HTML filestyle.css
– Custom stylessketch.js
– p5.js sketch logic
- Change the default colors or brush settings in
sketch.js
. - Tweak the UI in
kelaidoscope.html
orstyle.css
.
🌟 Enjoy making digital art! If you create something cool, share it with the world!