Rotating icosahedron · kat-coder-air-v2.5
Using the pre-provided three.min.js (global THREE), render a full-screen scene with a rotating icosahedron lit by two colored point lights, orbit-style auto-rotation, and a subtle starfield background.
transcript · 6 messages
Using the pre-provided three.min.js (global THREE), render a full-screen scene with a rotating icosahedron lit by two colored point lights, orbit-style auto-rotation, and a subtle starfield background.
{"command":"ls -la /tmp/ws/three.min.js"}-rw-r--r--. 1 node node 603445 Aug 1 20:51 /tmp/ws/three.min.js
/tmp/ws/index.html (3191 bytes)Successfully wrote 3191 bytes to /tmp/ws/index.html
Done — `/tmp/ws/index.html` is ready. Here's what it does: - **Icosahedron** — `MeshStandardMaterial` with `flatShading: true` for that faceted gem look, centered in the scene. - **Two point lights** — a cyan (`#00aaff`) and a pink (`#ff4488`) light, both orbiting slowly around the mesh so the shading shifts dynamically. - **Auto-rotation** — the icosahedron rotates on both X and Y axes continuously. - **Starfield** — 2,000 randomly placed white points forming a subtle, slowly drifting background. - **Responsive** — handles window resize, respects `devicePixelRatio` for crisp rendering on HiDPI screens. No external dependencies beyond `three.min.js`. Open the file in a browser to see it.
TAKE IT TO CODE
A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.
RUN
EVALUATION
Rotating icosahedron with blue/pink point lights and faint starfield; auto-rotates continuously, inputs mostly just reflect rotation progress.
Vision grade · anthropic/claude-sonnet-5
MEASUREMENTS
Raw readings from the capture, not a verdict — the grade above is the only judgement. Percentages are how much of the screen changed; the measure under-reports sparse motion on a dark background.