Rotating icosahedron · kat-coder-pro-v2
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 · 4 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.
I'll create a single-page web app with a rotating icosahedron, colored point lights, and a starfield background using Three.js.
/workspace/index.html (9021 bytes)Successfully wrote 9021 bytes to /workspace/index.html
Done! I've created a single-page web app (`index.html`) featuring: - **Full-screen Three.js scene** with a rotating icosahedron - **Two colored point lights**: Blue (moving) and orange (moving) for dynamic lighting - **Orbit-style controls**: Click and drag to rotate the view, scroll to zoom - **Auto-rotation**: The icosahedron rotates continuously - **Starfield background**: 2000 stars with custom shader for a subtle, twinkling effect - **Interactive features**: Mouse and touch support for mobile compatibility - **Responsive design**: Automatically adjusts to window resizing The scene includes a Phong-material icosahedron with wireframe overlay, animated light positions, and a slowly rotating starfield for depth. The controls allow users to explore the scene while the object continues its automatic rotation.
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/yellow lighting and starfield works; keyboard panels show icosahedron off-screen or missing.
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.