Skip to content

Debayan2712/Kaleidoscope_fun_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Interactive Kaleidoscope Art

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.


🚀 Features

🌈 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.


✨ Demo

Kaleidoscope Demo

🛠️ Getting Started

  1. Clone the repository

    git clone https://github.com/your-username/kaleidoscope-art.git
    cd kaleidoscope-art
  2. Open kelaidoscope.html in your browser

    No build step required! All dependencies are loaded via CDN.

📁 File Structure

  • kelaidoscope.html – Main HTML file
  • style.css – Custom styles
  • sketch.js – p5.js sketch logic

🧩 Customization

  • Change the default colors or brush settings in sketch.js.
  • Tweak the UI in kelaidoscope.html or style.css.

🙏 Credits



🌟 Enjoy making digital art! If you create something cool, share it with the world!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published