3D solar system · muse-spark-1.2
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 · 8 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.
{"command":"ls -l /tmp/ws && head -c 200 /tmp/ws/three.min.js | od -c | head"}total 592 -rw-r--r--. 1 node node 603445 Aug 13 01:32 three.min.js 0000000 / * * \n * @ l i c e n s e \n 0000020 * C o p y r i g h t 2 0 1 0000040 0 - 2 0 2 1 T h r e e . j s 0000060 A u t h o r s \n * S P D X - 0000100 L i c e n s e - I d e n t i f i 0000120 e r : M I T \n * / \n ! f u n 0000140 c t i o n ( t , e ) { " o b j e 0000160 c t " = = t y p e o f e x p o 0000200 r t s & & " u n d e f i n e d " 0000220 ! = t y p e o f m o d u l e ?
/tmp/ws/index.html (44241 bytes)Successfully wrote 44241 bytes to /tmp/ws/index.html
{"command":"ls -lh /tmp/ws/index.html && grep -i \"http\\|cdn\\|fetch\\|import\" /tmp/ws/index.html | head -n 20; echo \"---check script src-rw-r--r--. 1 node node 44K Aug 13 01:33 /tmp/ws/index.html ---check script src--- 253:<script src="three.min.js"></script>
Built `index.html` — single self-contained file using `three.min.js`: **3D System:** emissive Sun with glow shells & point light, 8 planets with varied sizes/distances/periods/eccentricities/inclinations, Saturn rings, Earth moon, asteroid belt, 8000-point starfield + dust. **Motion:** Kepler-like orbits, scaled periods preserve real ratios (Mercury 0.24yr → Neptune 164yr), each planet rotates at own rate. **Orbit-drag controls:** custom spherical controller — left-drag to orbit, scroll/pinch to zoom, right-drag to pan, smooth/snappy inertia toggle, top/random views, follow-planet mode, click planet to focus, double-click to free camera, hover tooltips. **UI:** planet legend with visibility toggles, focus card with stats, time/ speed transport (0.2×–6×), trail/orbit/label toggles, orbit-scale slider — all no-network, fits in one `index.html`.
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
Nicely rendered solar system with orbits, starfield, info panel, drag/wheel camera control works; arrows/wasd have no effect.
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.