3D solar system · qwen3.7-plus
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 · 4 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.
thinking
The user wants a 3D solar system visualization using Three.js (pre-provided as three.min.js). I need to create a single self-contained index.html file with: 1. A 3D solar system with the sun and orbiting planets 2. Planets with varied speeds and sizes 3. Orbit-drag camera controls (I'll implement orbit controls manually since no OrbitControls library is provided) 4. A starfield background Let me think about the structure: - Sun: glowing sphere at the center with point light - Planets: I'll use realistic relative sizes and orbital distances (scaled for visualization) - Orbital speeds: faster for inner planets, slower for outer ones - Camera controls: I'll implement OrbitControls manually (mouse drag to rotate, scroll to zoom) - Starfield: random points in the background Let me write this out as a complete, polished single-page app.
index.html (14876 bytes)Successfully wrote 14876 bytes to index.html
thinking
The file is created. Let me verify it exists and check it quickly.
The `index.html` file is ready. Here's what's included: **☀️ Sun** — A glowing, pulsating sphere at the center with a point light that illuminates all planets. **🪐 8 Planets** with accurate relative proportions: - **Mercury** & **Venus** — small, fast inner orbits - **Earth** — with an orbiting Moon companion - **Mars** — red, medium orbit - **Jupiter** — large, golden gas giant - **Saturn** — with visible rings, slower orbit - **Uranus** — tilted cyan planet with faint rings - **Neptune** — distant deep blue world **✨ Starfield** — 8,000 colored stars scattered in a surrounding sphere for depth. **🎮 Controls:** - **Drag** to orbit the camera around the system - **Scroll** to zoom in/out - **Pinch** on touch devices for zoom - **Toggle Orbits** — show/hide orbital path lines - **Toggle Labels** — show persistent planet name labels - **Speed slider** — 0× to 3× time simulation speed - **Hover** any planet/sun for a floating name tooltip
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 with rings, starfield, and drag/wheel camera controls working smoothly.
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.