• Adjust number of shapes (5-50)
• Select from 6 shape types: Circles, Rectangles, Triangles, Lines, Spirals, Stars
• Control size range (10-150px)
• Manage shape overlap percentage

• Multiple color palettes: Random, Warm, Cool, Pastel, Monochrome, Contrast
• Custom background color picker
• Opacity control (0.1-1.0)

• Complexity slider (1-10 levels)
• Automatic composition guides (Rule of Thirds/Golden Ratio)
• Layered rendering system
• Dynamic texture generation

• Real-time canvas updates
• Save artwork as PNG
• Responsive design (works on desktop/mobile)

• HTML5 Canvas
• Modern JavaScript (ES6+)
• CSS3 Custom Properties
• Responsive Web Design
• Google Fonts (Montserrat)

1. Adjust Shape Parameters

   • Use sliders to control quantity and size
   • Toggle shape types using checkboxes
   • Set overlap percentage for density control

2. Customize Colors

   • Select color palette buttons
   • Use color picker for background
   • Adjust opacity for translucency effects

3. Refine Composition

   • Increase complexity for detailed patterns
   • Use higher overlap for dense compositions
   • Experiment with monochrome modes for minimalism

4. Generate & Save

   • Click "Generate New Art" for random variations
   • Use "Save Artwork" to export PNG
   • Refresh page for complete reset

1. Clone repository:

   git clone https://github.com/yourusername/abstract-art-generator.git

2. Open in browser:

   cd abstract-art-generator && open index.html

3. File structure:

   • index.html: Main application structure
   • script.js: Canvas rendering and logic
   • styles.css: Styling and responsive design
   • /site-data: Favicon and manifest files

• Google Fonts for Montserrat typeface
• Inspired by abstract expressionist principles
• Canvas API documentation
• GitHub Pages for hosting

Feel free to submit issues or contribute improvements via pull requests.

This project is open-source and available under the MIT License.