GoShip
How It WorksChallengesPricingEmployers
Sign InGet Started
0developers
0companies
0assessments scored
How It Works
|Pricing
|Challenges
|Employers
|Privacy
|Terms
GoShip© 2026
Get updates
Twitter·GitHub
Systems nominal
BUILDMID

Build a Generative Art Gallery

60 minutes
0 completed
canvasgenerative-artcreative-codingreact

Description

Build a Generative Art Gallery

Build a web app that generates unique algorithmic art pieces with adjustable parameters and a gallery to save favorites.

Requirements

  • At least 3 different generative algorithms (flow fields, circle packing, recursive trees, L-systems, etc.)
  • Real-time parameter controls: sliders for density, color palette, seed, scale
  • Each piece has a unique seed — share seeds to recreate art
  • Save to PNG button
  • Gallery of saved pieces with thumbnail grid
  • Responsive canvas that fills available space

    • Technical Notes

    Use HTML Canvas 2D API or p5.js. No WebGL required. Focus on making the art genuinely beautiful.

    Bonus Points

  • Animation mode (evolving patterns)
  • Custom color palette editor
  • High-resolution export (2x, 4x)

    • You will be guided through MCP setup before the timer starts