GPT-6.1 Sol (effort default (no reasoning-effort override) · thinking off) on Draw a walking pixel-art character sprite animation in one self-contained HTML file
OGPT-6.1 Soldefault · thinking off · Codex CLI 0.163.0 (codex exec --json) · cloud · 2026-10-22 · by @bobsiopener
- Estimated cost
- $0.03
- Wall time
- 26s
- Human step-ins
- 0
- Outcome
- Pass
Compare with other models on this task →
Summary
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 ChatGPT subscription, not billed).
Success criteria: self_contained has_canvas_or_svg frames_change walk_cycle pixel_art no_console_errors
Setup notes: Use Case Scout batch28 case d08-walking-pixel-art-sprite (offline fixture). Prepared with batch28/prepare.sh on the shared box; only TASK.md + starting files were copied to the agent machine, hidden key/tests stayed on the box. Prompt = TASK.md verbatim on stdin. Flags: --json -s workspace-write --skip-git-repo-check --ephemeral --ignore-user-config --ignore-rules -C <workdir>. Scored on the box with the scout's scorer: `MEDIA_DIR=<dir> python3 score.py WORKDIR KEYDIR`. Single run, no retries. User-level AGENTS.md (846 bytes, sha256 83ec4fe50da8) may have been in context; --ignore-user-config does not document excluding it. Serving model not confirmed: requested via -m; the event log does not echo the serving model id. Price source is secondary (pricing.json verification='secondary', https://www.actuia.com/en/news/ai-api-pricing-in-october-2026-050-to-50-for-output/), not an official OpenAI price page. Score: 6/6. Cost is an ESTIMATE: measured tokens x pricing.json list price (ChatGPT plan, nothing billed); input_tokens include cached reads; output_tokens include reasoning tokens. Tool calls 2 (0 failed, recovered). Single run.
Estimated cost List-price estimate; not actually billed.
Output
Metrics
- Estimated cost
- $0.03
- Wall time
- 26s
- Human step-ins
- 0
- Turns
- 1
| Model | Input tok | Output tok | Cost |
|---|---|---|---|
| OGPT-6.1 Solopenai/gpt-6.1-soleffort default (no reasoning-effort override) · thinking off | 49,018 | 1,040 | $0.03 |
Reproduce this run
- Use the use case prompt on the use case page.
- Same setup: GPT-6.1 Sol (openai/gpt-6.1-sol, effort default (no reasoning-effort override) · thinking off) via
Codex CLI 0.163.0 (codex exec --json), cloud. - It counts as a success only if it meets every success criterion: self_contained has_canvas_or_svg frames_change walk_cycle pixel_art no_console_errors
- Log model, tokens, wall time, human step-ins and the evidence log, then submit it as a reproduction. A different model? Submit a head-to-head rerun.
How runs are scored: Methodology.
Was this useful?
Automated checks
Trust 80% comes from these checks (how Trust % works).
- Run date is not in the future : passed
- Model is in the dated pricing table : passed
- Cost recomputed from tokens matches : passed
- Cached tokens are consistent : passed
- Output throughput is plausible : passed
- Autonomy matches step-ins : passed
- Step-ins do not exceed turns : passed
- Retries agree with first-try result : passed
- Evidence log SHA-256 matches : passed
- Evidence log is substantial : passed
Evidence log
{"type": "thread.started", "thread_id": "01a16462-2bfc-7ae1-9d7f-4d8077c6affa"}
{"type": "turn.started"}
{"type": "item.completed", "item": {"id": "item_0", "type": "agent_message", "text": "I\u2019ll read `spec.json` and create the self-contained canvas animation in `out/scene.html`."}}
{"type": "item.started", "item": {"id": "item_1", "type": "command_execution", "command": "/bin/bash -lc 'cat spec.json'", "aggregated_output": "", "exit_code": null, "status": "in_progress"}}
{"type": "item.completed", "item": {"id": "item_1", "type": "command_execution", "command": "/bin/bash -lc 'cat spec.json'", "aggregated_output": "{\n \"title\": \"Pixel Walker 479\",\n \"width\": 720,\n \"height\": 480,\n \"file\": \"out/scene.html\",\n \"frames\": 8,\n \"scale\": 3,\n \"frame_rate_fps\": 5\n}", "exit_code": 0, "status": "completed"}}
{"type": "item.started", "item": {"id": "item_2", "type": "command_execution", "command": "/bin/bash -lc \"mkdir -p out\ncat > out/scene.html <<'EOF'\n<\"'!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Pixel Walker 479</title>\n<style>\nhtml,body{margin:0;min-height:100%;background:#122132}body{display:grid;place-items:center;min-height:100vh}canvas{display:block;width:720px;height:480px;image-rendering:pixelated}\n</style>\n</head>\n<body>\n<canvas id=\"stage\" width=\"720\" height=\"480\" aria-label=\"Animated pixel-art character walking\"></canvas>\n<script>\n'\"'use strict';\nconst canvas=document.getElementById('stage');\nconst ctx=canvas.getContext('2d');\nctx.imageSmoothingEnabled=false;\nconst scale=3,frames=8,fps=5;\nlet state={frame:0,x:60,scale:scale};\nwindow.sceneState=()=>({...state});\nfunction block(x,y,w,h,color){ctx.fillStyle=color;ctx.fillRect(x,y,w,h);}\nfunction draw(){\n block(0,0,720,480,'#14283e');\n block(0,344,720,136,'#284b4b');\n block(0,344,720,6,'#73a77b');\n for(let i=0;i<18;i++)block(i*43+7,370+(i%3)*25,12,3,'#3d6660');\n const ox=Math.round(state.x),oy=344-28*scale;\n function p(x,y,w,h,c){block(ox+x*scale,oy+y*scale,w*scale,h*scale,c);}\n const swing=[0,1,2,1,0,-1,-2,-1][state.frame];\n const bob=state.frame%4===1?1:0;\n p(-2,27,20,1,'#1b3539');\n // Each shape is aligned to the sprite's three-pixel grid.\n p(4,1+bob,9,2,'#212431');p(3,3+bob,11,4,'#212431');\n p(5,4+bob,9,6,'#efb581');p(13,6+bob,2,2,'#efb581');\n p(11,5+bob,1,1,'#172338');p(5,9+bob,6,2,'#d28b66');\n p(4,11+bob,8,9,'#d95356');p(5,12+bob,6,6,'#f27161');\n p(3-swing,12+bob,2,7,'#efb581');p(11+swing,12+bob,2,7,'#efb581');\n p(4,20,8,2,'#273753');\n p(4+swing,21,3,5,'#425b7d');p(9-swing,21,3,5,'#344967');\n p(4+swing,26,5,2,'#e3d6b7');p(9-swing,26,5,2,'#fff0cf');\n}\nconst start=performance.now();\nfunction tick(now){\n const elapsed=(now-start)/1000;\n state={frame:Math.floor(elapsed*fps)%frames,x:60+(elapsed*48)%600,scale};\n draw();\n requestAnimationFrame(tick);\n}\ndraw();requestAnimationFrame(tick);\n</script>\n</body>\n</html>\nEOF\nnode -e \\\"const fs=require('fs');const s=fs.readFileSync('out/scene.html','utf8');new Function(s.match(/<script>([\\\\\\\\s\\\\\\\\S]*?)<\\\\\\\\/script>/)[1]);console.log('JavaScript syntax valid; '+Buffer.byteLength(s)+' bytes');\\\"\"", "aggregated_output": "", "exit_code": null, "status": "in_progress"}}
{"type": "item.completed", "item": {"id": "item_2", "type": "command_execution", "command": "/bin/bash -lc \"mkdir -p out\ncat > out/scene.html <<'EOF'\n<\"'!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Pixel Walker 479</title>\n<style>\nhtml,body{margin:0;min-height:100%;background:#122132}body{display:grid;place-items:center;min-height:100vh}canvas{display:block;width:720px;height:480px;image-rendering:pixelated}\n</style>\n</head>\n<body>\n<canvas id=\"stage\" width=\"720\" height=\"480\" aria-label=\"Animated pixel-art character walking\"></canvas>\n<script>\n'\"'use strict';\nconst canvas=document.getElementById('stage');\nconst ctx=canvas.getContext('2d');\nctx.imageSmoothingEnabled=false;\nconst scale=3,frames=8,fps=5;\nlet state={frame:0,x:60,scale:scale};\nwindow.sceneState=()=>({...state});\nfunction block(x,y,w,h,color){ctx.fillStyle=color;ctx.fillRect(x,y,w,h);}\nfunction draw(){\n block(0,0,720,480,'#14283e');\n block(0,344,720,136,'#284b4b');\n block(0,344,720,6,'#73a77b');\n for(let i=0;i<18;i++)block(i*43+7,370+(i%3)*25,12,3,'#3d6660');\n const ox=Math.round(state.x),oy=344-28*scale;\n function p(x,y,w,h,c){block(ox+x*scale,oy+y*scale,w*scale,h*scale,c);}\n const swing=[0,1,2,1,0,-1,-2,-1][state.frame];\n const bob=state.frame%4===1?1:0;\n p(-2,27,20,1,'#1b3539');\n // Each shape is aligned to the sprite's three-pixel grid.\n p(4,1+bob,9,2,'#212431');p(3,3+bob,11,4,'#212431');\n p(5,4+bob,9,6,'#efb581');p(13,6+bob,2,2,'#efb581');\n p(11,5+bob,1,1,'#172338');p(5,9+bob,6,2,'#d28b66');\n p(4,11+bob,8,9,'#d95356');p(5,12+bob,6,6,'#f27161');\n p(3-swing,12+bob,2,7,'#efb581');p(11+swing,12+bob,2,7,'#efb581');\n p(4,20,8,2,'#273753');\n p(4+swing,21,3,5,'#425b7d');p(9-swing,21,3,5,'#344967');\n p(4+swing,26,5,2,'#e3d6b7');p(9-swing,26,5,2,'#fff0cf');\n}\nconst start=performance.now();\nfunction tick(now){\n const elapsed=(now-start)/1000;\n state={frame:Math.floor(elapsed*fps)%frames,x:60+(elapsed*48)%600,scale};\n draw();\n requestAnimationFrame(tick);\n}\ndraw();requestAnimationFrame(tick);\n</script>\n</body>\n</html>\nEOF\nnode -e \\\"const fs=require('fs');const s=fs.readFileSync('out/scene.html','utf8');new Function(s.match(/<script>([\\\\\\\\s\\\\\\\\S]*?)<\\\\\\\\/script>/)[1]);console.log('JavaScript syntax valid; '+Buffer.byteLength(s)+' bytes');\\\"\"", "aggregated_output": "JavaScript syntax valid; 1944 bytes\n", "exit_code": 0, "status": "completed"}}
{"type": "item.completed", "item": {"id": "item_3", "type": "agent_message", "text": "Created [out/scene.html](out/scene.html) with a 720\u00d7480 canvas, an 8-frame walk cycle at 5 FPS, 3\u00d7 pixel scaling, and `window.sceneState()`.\n\nSelf-contained; JavaScript syntax validated."}}
{"type": "turn.completed", "usage": {"input_tokens": 49018, "cached_input_tokens": 40320, "cache_write_input_tokens": 0, "output_tokens": 1040, "reasoning_output_tokens": 0}}