Skip to content

Draw a walking pixel-art character sprite animation in one self-contained HTML file

Exact prompt

# Draw a walking pixel-art character sprite animation in one self-contained HTML file Make a small animated scene: a pixel-art walker. Write one file, `out/scene.html`, that works opened straight from disk with no network access. `spec.json` gives the page title, the stage size and the scene parameters. **Looks are not scored**: the page is opened in a headless browser (800x600 window, UTC time zone, network blocked) and checked by objective tests only. ## Scene contract - Draw the scene on one `<canvas>` or `<svg>` stage of `width` x `height` CSS pixels (spec.json), visible on load, with `<title>` containing spec.json `title`. - Animate continuously from load (`requestAnimationFrame` or timers); no click is needed unless stated below. - Expose `window.sceneState()`, returning the scene's current state in stage pixel coordinates (origin top-left of the stage): `{frame: <int walk-cycle frame>, x: <number>, scale: <int>}`. Extra fields are fine. It must describe what is actually drawn. - Draw the sprite yourself as blocks of `scale` × `scale` screen pixels per sprite pixel. Advance the walk frame exactly `frame_rate_fps` times per second, `frames` frames per cycle. - The page must log no errors and throw no exceptions. Keep the file at most 200,000 bytes; no external scripts, fonts, images or URLs (inline everything). ## Checks (partial credit = share passed) 1. `self_contained`: `out/scene.html` exists, is at most 200,000 bytes, references no http(s) or protocol-relative URL, and requests nothing from the network when opened. 2. `has_canvas_or_svg`: a visible `<canvas>` or `<svg>` of at least 300x200 CSS pixels is on the page. 3. `frames_change`: over 3 s, some later screenshot differs from the first in at least 0.1% of pixels, and at least 3 of 30 screenshots differ. 4. `walk_cycle`: over 3 s `frame` is an integer that visits every frame 0 to `frames`-1 and only ever steps to the next frame (wrapping to 0), and `x` changes (the character walks). 5. `pixel_art`: a visible canvas has CSS `image-rendering: pixelated` (or `crisp-edges`) or a 2d context with `imageSmoothingEnabled` false, and `sceneState().scale` equals spec.json `scale`. 6. `no_console_errors`: no uncaught exception, `console.error` or browser error is logged during the run. ## How this run works - Work on your own: nobody will answer questions in this task, and writing to `ask/` counts against the run. - Write only under `out/`. Create `out/` if it is missing. Inputs are synthetic; don't fetch anything from the network. - Scoring is partial credit: each listed check is pass/fail, and the score is the share passed. Numbers are compared to within 0.005 unless the task says otherwise.

Original benchmark task written for usecaserank.com. Headless, offline run on a reproducible fixture. Cost shown is a list-price API-equivalent estimate (run on a Google account via Antigravity CLI, not billed per token).

Success criteria: self_contained has_canvas_or_svg frames_change walk_cycle pixel_art no_console_errors

Best model for this task so far: Claude Haiku 5.5 (effort default (no --effort flag) · thinking on) (success, $0.0097, 45s). Best AI model for Creative / Animated Scene (one HTML File) →

Latest output per model

Run this on another model

All runs (6)

100% pass rate across 6 eligible runs: 6 pass, 0 partial, 0 fail. Partial and failed runs are listed below with everything else.ⓘ

Runs for this use case
ModelCostTimeStep-insⓘAutonomyOutcomeTrustⓘDateCompare
AClaude Opus 5.5default · thinking on$0.1834s0Fully autonomouspassTrust 80%2026-10-22
AClaude Haiku 5.5default · thinking on$0.009745s0Fully autonomouspassTrust 80%2026-10-22
AClaude Sonnet 5.5default · thinking on$0.0517s0Fully autonomouspassTrust 80%2026-10-22
GGemini 4 Argonmedium · thinking on$0.102m0Fully autonomouspassTrust 80%2026-10-22
OGPT-6.1 Soldefault · thinking off$0.0326s0Fully autonomouspassTrust 80%2026-10-22
GGemini 3.8 Flashmedium · thinking on$0.597m0Fully autonomouspassTrust 80%2026-10-22

Embed this result

A live badge for this use case. It links back here and updates as new runs are published.

UseCaseRank badge for Draw a walking pixel-art character sprite animation in one self-contained HTML file

Get new runs and ranking changes weekly

Which models got better or cheaper on real tasks like this one.