TITLE: ZELLIGE — the mosaic maker
PROMPT: Create 'ZELLIGE', an interactive Moroccan mosaic maker: an 8-fold symmetric tile canvas where clicking cells places hand-cut-feel zellige tiles (slightly irregular edges, glossy glaze gradients) in a curated Fez palette (cobalt, emerald, saffron, ivory, terracotta); radial symmetry means every placement mirrors around the center like live kaleidoscopic mosaic work. A thin gold geometric star lattice overlays optionally. Interactions: click/drag to place tiles with a satisfying pop-in scale animation; palette chip selector; symmetry toggle; grout color slider; and EXPORT saves the artwork as PNG. Meditative craft, mathematical beauty.
DESCRIPTION: A dim plaster-walled studio with a full-bleed grout-colored canvas. Clicking or dragging places zellige tiles — four hand-authored shapes (8-point star, kite, hexagon, petal) at randomized sizes and rotations, filled with glossy glaze gradients, darker hand-cut edge strokes, and a specular ellipse highlight — each placement mirrored across 1–12 radial axes plus a reflection pass, so every gesture grows a kaleidoscopic mosaic. A curated 10-glaze Fez palette (cobalt, emerald, saffron, ivory, terracotta, mulberry, sea, smoke, orchid ash, coral), a grout slider mixing umber to pale sand, an optional gold geometric star lattice overlay (60° repeating lines), PNG export, and a seeded 6-tile starter star at the center.
TECHNIQUES: polar-coordinate radial mirroring with reflection passes, canvas path shapes with glaze linear-gradients and edge shading, specular ellipse highlights, grout color interpolation, repeating-linear-gradient gold lattice overlay, DPR-aware canvas with resize preservation, pointer-capture drag placement with throttling, PNG export via toDataURL.
INTERACTION: Click or drag to place kaleidoscopic tile clusters; glaze swatches pick color; symmetry slider (1–12 axes); grout slider re-tones the ground; LATTICE toggles the gold geometric overlay; SWEEP clears; SAVE PNG exports the finished mosaic.