oneshotlm
Compare all models on this prompt →

3D solar system · glm-4.5-air

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
I need to create a single-page web app with a 3D solar system using three.min.js. The requirements are:

1. Single self-contained file named index.html
2. CSS in <style> tags, JS in <script> tags
3. No external resources or network requests
4. Use the pre-provided three.min.js file
5. Features needed:
   - Sun and orbiting planets
   - Varied speeds and sizes
   - Orbit-drag camera controls
   - Starfield background

Let me first check if three.min.js exists in the current directory, then create the index.html file.

I'll create a 3D solar system web app using three.min.js. Let me first check if the library file exists, then build the complete single-page application.

ls {}
toolResult

Tool ls not found

assistant
thinking
Let me use bash to check the directory contents.
bash {"command":"ls -la"}
toolResult

total 592 drwxr-sr-x. 2 node node 26 Aug 1 20:46 . drwxrwsrwx. 3 root node 16 Aug 1 20:46 .. -rw-r--r--. 1 node node 603445 Aug 1 20:46 three.min.js

assistant
thinking
Great! The three.min.js file is present. Now I'll create the complete single-page web app with the 3D solar system. I'll include:

1. HTML structure with a canvas container
2. CSS for styling
3. JavaScript that:
   - Sets up the Three.js scene, camera, and renderer
   - Creates the sun and planets with different sizes and speeds
   - Adds orbit controls for camera interaction
   - Creates a starfield background
   - Animates the planets orbiting the sun

Let me write the complete index.html file.
write /tmp/ws/index.html (8506 bytes)
toolResult

Successfully wrote 8506 bytes to /tmp/ws/index.html

assistant
thinking
Perfect! I've created a complete 3D solar system web app in a single index.html file. The app includes:

1. **HTML Structure**: Clean HTML5 structure with a container for the 3D scene and an info panel
2. **CSS**: Styling for a black background and info panel with semi-transparent background
3. **JavaScript Features**:
   - Three.js scene setup with camera and renderer
   - Starfield background with 10,000 stars
   - Sun with emissive material and point light
   - 8 planets (Mercury through Neptune) with realistic relative sizes and orbital distances
   - Each planet has different orbital speeds and colors
   - Orbital paths visible as subtle lines
   - Saturn includes rings
   - Custom orbit-drag camera controls (drag to rotate, scroll to zoom)
   - Smooth animation with planet rotation and orbital motion
   - Responsive design that handles window resizing

The app is completely self-contained with no external dependencies except for the provided three.min.js file. It runs fully sandboxed with no network requests.

I've created a complete 3D solar system web app in `index.html`. The features include: **Visual Elements:** - Sun with glowing emissive material and lighting - 8 planets (Mercury through Neptune) with realistic relative sizes and colors - Orbital paths shown as subtle lines - Saturn's rings - 10,000-star background for atmosphere **Interactive Controls:** - Drag to rotate the camera around the solar system - Scroll to zoom in/out - Smooth camera movement with angle constraints **Animation:** - Each planet orbits at different speeds (Mercury fastest, Neptune slowest) - Planets rotate on their axes - Saturn's rings rotate independently The app is completely self-contained with CSS in `<style>` tags and JavaScript in `<script>` tags, using only the provided `three.min.js` file. No external resources or network requests are needed.

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

modelglm-4.5-air
vendorZ.ai · GLM
harnesspi-agent
generated2026-08-01

EVALUATION

4/5 working

3D solar system with sun, orbiting planets of varied sizes, starfield, and functional drag/wheel camera 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.

idle motion0.1%
on click0.7%
on drag1.1%
on wheel1.9%
on enter + space0.9%
on arrow keys0.9%
on w/a/s/d1.7%
frame spread25.8 / 255
console errors0
js errors none

METRICS

runtime41.4s
tokens in9.0k
tokens out2.8k
cached8.9k
cost / run$0.0026