oneshotlm
Compare all models on this prompt →

3D solar system · deepseek-v3.1-terminus

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.

⛨ sandboxed Open in new tab ↗
transcript · 8 messages
user

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.

assistant
thinking
We are going to build a single-page web app that uses the pre-provided three.min.js library.
 The app will feature:
   - A 3D solar system with the sun and several planets (e.g., Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus, Neptune)
   - Each planet will have a different size and orbit speed, and will orbit around the sun.
   - Orbit-drag camera controls (using THREE.OrbitControls)
   - A starfield in the background.

 Steps:
   1. Check if three.min.js is present in the current directory.
   2. Create an index.html file that includes:
        - A <script> tag to load three.min.js
        - A <style> tag for basic full-page styling
        - A <script> tag for our JavaScript code that:
            a. Sets up the scene, camera, and renderer.
            b. Creates a starfield by generating a large number of white points in a sphere.
            c. Creates the sun (a large sphere with emissive material) and planets (smaller spheres with textures or colors).
            d. Sets up an animation loop to update the planet positions (orbiting) and the camera controls.
            e. Adds OrbitControls for dragging to orbit the camera.

 Since we cannot use external resources (like textures), we will use simple colors for the planets.

 Let's check the current directory for three.min.js.
bash {"command":"ls -la"}
toolResult

total 644 drwxrwxrwx 3 node node 96 Aug 2 10:13 . drwxr-xr-x 1 root root 4096 Aug 2 10:13 .. -rw-r--r-- 1 node node 603445 Aug 2 10:13 three.min.js

assistant
read {"path":"three.min.js","limit":5}
toolResult

/** * @license * Copyright 2010-2021 Three.js Authors * SPDX-License-Identifier: MIT */ [2 more lines in file. Use offset=6 to continue.]

assistant
thinking
Now I'll create a complete single-page web app with a 3D solar system using THREE.js. The app will include:
- Sun and orbiting planets with varied sizes and speeds
- Orbit-drag camera controls
- Starfield background
- All CSS and JavaScript inline in one HTML file
write index.html (10623 bytes)
toolResult

Successfully wrote 10623 bytes to index.html

assistant
thinking
I've created a complete 3D solar system web app in `index.html` that uses the pre-provided `three.min.js` library. The app includes:

**Features:**
- **Sun and 8 planets** with realistic relative sizes and varied orbit speeds
- **Orbit-drag camera controls** - drag to orbit around the solar system
- **Scroll to zoom** - mouse wheel zooms in/out with distance limits
- **Starfield background** with 10,000 randomly placed stars
- **Orbit rings** showing the orbital paths of each planet
- **Realistic lighting** with a sun that emits light
- **Smooth animations** with planets rotating on their axes while orbiting

**Key Implementation Details:**
- Uses THREE.js for 3D rendering (loaded from local `three.min.js`)
- Each planet has unique orbit speed and rotation speed
- Sun has a glowing effect and acts as a light source
- Camera orbits around the center of the scene when dragging
- Responsive design that adapts to window resizing

The solar system is fully self-contained in a single HTML file with inline CSS and JavaScript. No external resources or network requests are needed - it runs completely sandboxed.

You can open `index.html` in a web browser to explore the interactive 3D 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

modeldeepseek-v3.1-terminus
vendorDeepSeek
harnesspi-agent
generated2026-08-02

EVALUATION

3/5 working

Sun with orbiting planets and starfield; planets animate over time and drag rotates camera revealing orbit rings.

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.

idle motion2.7%
on click0.7%
on drag5.2%
on enter + space2.6%
on arrow keys0.6%
frame spread23.1 / 255
console errors0
js errors none

METRICS

runtime26.0s
tokens in9.1k
tokens out3.3k
cached5.2k
cost / run$0.0049