Firstprinciples mascot multimedia

1 test · 1 finished runs (1 agent, 0 raw one-shot) · 1 live demo

The prompt

Make multimedia from first principles: a single-page HTML gallery about one original mascot character that you design yourself (give it a name and a recognisable silhouette, colours and features). Render that same mascot in 20 clearly distinct art styles, each as its own tile drawn with SVG or Canvas and captioned with the style name, for example pixel art, woodcut, risograph poster, rubber stamp, 16-bit game sprite, ukiyo-e, blueprint, neon sign, stained glass, ASCII art, watercolour, paper cut-out, comic panel, isometric voxel, embroidery, chalkboard, Art Deco, low-poly, halftone print and a clay or 3D-shaded look. The character must stay recognisable in every style. Also include one 10-second animated clip of the mascot driven entirely by code (Canvas), with play/replay controls and a button that records the clip in the browser with MediaRecorder and offers it as a WebM download. Use no image-generation models, no external images, fonts, libraries or other assets: every picture and frame is drawn by your own code. Build it as index.html (plus any local files you create) in the current directory, with no build step. It must work on a mid-range phone, with a layout that adapts to a narrow screen. You may serve it locally and open it in headless chromium (/usr/bin/chromium, software rendering, no GPU) to screenshot and inspect your own output, and iterate on your own before finishing. Close any browser you open as soon as you've taken your screenshot. Finish with a short README.md listing the styles and how the clip export works.