3D solar system · kat-coder-pro-v2
Using the pre-provided three.min.js (global THREE), build a 3D solar system with the sun and orbiting planets at varied speeds and sizes, orbit-drag camera controls, and a starfield.
transcript · 6 messages
Using the pre-provided three.min.js (global THREE), build a 3D solar system with the sun and orbiting planets at varied speeds and sizes, orbit-drag camera controls, and a starfield.
I'll create a 3D solar system with the sun, orbiting planets, camera controls, and a starfield. Let me build this step by step.
/workspace/index.html (17520 bytes)Successfully wrote 17520 bytes to /workspace/index.html
{"command":"ls -la /workspace/index.html"}-rw-r--r-- 1 node node 17524 Jul 31 08:53 /workspace/index.html
I've created a complete 3D solar system application in a single `index.html` file. The app features: **3D Elements:** - Glowing sun at the center with a subtle glow effect - 8 planets (Mercury through Neptune) with accurate relative sizes and colors - Saturn includes its iconic ring system - Starfield background with 10,000 stars - Orbit paths for each planet **Interactivity:** - **Mouse drag** to rotate the camera around the solar system - **Mouse wheel** to zoom in/out - **Touch support** for mobile devices (drag to rotate, pinch to zoom) - **Click on planets** to view detailed information about each planet - **Toggle buttons** to show/hide orbit paths and planet labels - **Reset view** button to return to default camera position **Visual Features:** - Realistic planet colors and sizes (scaled for visibility) - Different orbital speeds (Mercury fastest, Neptune slowest) - Planet labels that follow their positions in 3D space - Information panel showing planet details when clicked - Responsive design that adapts to window size The application runs entirely in the browser with no external dependencies beyond the provided three.min.js. Just open `index.html` in any modern web browser to explore the solar system!
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
3D solar system with sun, orbiting planets of varied sizes, orbit paths, starfield, and functioning zoom/drag controls.
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.