oneshotlm
Compare all models on this prompt →

3D solar system · hy3-preview

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
The user wants me to create a single-page web app with a 3D solar system using Three.js. The requirements are:
1. Use the pre-provided three.min.js file (load it with a script tag)
2. Create a solar system with sun and orbiting planets
3. Planets should have varied speeds and sizes
4. Include orbit-drag camera controls
5. Include a starfield
6. All in one self-contained index.html file
7. No external resources, CDNs, or network requests

Let me create this step by step:
1. HTML structure with canvas
2. CSS for styling (minimal, just to make it full screen)
3. JavaScript with Three.js to create:
   - Scene, camera, renderer
   - Sun (a glowing sphere)
   - Planets (spheres orbiting at different speeds and sizes)
   - Orbit controls for camera
   - Starfield (particles in the background)

Since three.min.js is already provided, I need to load it with a script tag. Three.js has OrbitControls as an addon, but since we can't use external resources, I'll need to implement basic orbit controls manually or check if OrbitControls is included in three.min.js.

Actually, looking at the requirements again - the user said "three.min.js" is already present. Standard three.min.js doesn't include OrbitControls - that's usually a separate file. I'll need to implement manual orbit controls using mouse drag.

Let me create the solar system:
- Sun at center (large, glowing yellow sphere)
- Planets: Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus, Neptune
- Each with different sizes, distances, and orbital speeds
- Starfield using Points/particles

I'll write the complete index.html file now

I'll create a self-contained 3D solar system with Three.js. Let me first check that three.min.js is present, then build the complete index.html file.

bash {"command":"ls -la /workspace/three.min.js 2>/dev/null && echo \"Found three.min.js\" || echo \"three.min.js not found\""}
toolResult

-rw-r--r-- 1 node node 603445 Jul 22 17:34 /workspace/three.min.js Found three.min.js

assistant
thinking
The user wants me to create a single-page web app with a 3D solar system using Three.js. The requirements are:
1. Use the pre-provided three.min.js (load it with <script src="three.min.js"></script>)
2. Create a solar system with sun and orbiting planets
3. Planets should have varied speeds and sizes
4. Orbit-drag camera controls
5. Starfield background
6. All in one self-contained index.html file with inline CSS and JS
7. No external resources, CDNs, or network requests

I need to create a complete index.html file that includes:
- HTML structure with a canvas
- CSS for styling (minimal, just full-screen canvas)
- JavaScript with Three.js code that:
  - Creates a scene with a sun (emissive/glowing)
  - Creates planets with different sizes, colors, and orbital speeds
  - Adds orbit controls (I'll need to implement this since OrbitControls might not be included in three.min.js - I should check or implement manual orbit controls)
  - Creates a starfield (using points/particles)
  - Animation loop

Since three.min.js is already present, I'll load it with a script tag. However, OrbitControls is typically a separate module. I'll need to implement manual orbit controls using mouse events.

Let me create the complete index.html file.

Now I'll create the complete self-contained solar system app with Three.js. This will include the sun, planets with varied orbits, starfield, and manual orbit-drag camera controls.

write /workspace/index.html (8647 bytes)
toolResult

Successfully wrote 8647 bytes to /workspace/index.html

assistant
thinking
The user asked me to build a 3D solar system with specific requirements:
1. Use the pre-provided three.min.js (global THREE)
2. Build a single-page web app in one self-contained index.html file
3. CSS in a <style> tag, JS in a <script> tag, inline
4. No external resources, CDNs or network requests
5. Sun and orbiting planets at varied speeds and sizes
6. Orbit-drag camera controls
7. Starfield

I've created the index.html file with all these features:
- Loaded three.min.js with <script src="three.min.js"></script>
- Created a sun with glow effect
- Created 8 planets (Mercury through Neptune) with varied sizes, distances, colors, and orbital speeds
- Added Saturn's rings
- Added orbit rings for visual effect
- Created a starfield with 5000 stars
- Implemented orbit-drag camera controls (mouse drag to orbit, scroll to zoom)
- Added touch support for mobile
- Made it responsive to window resize

The file is complete and self-contained. Let me verify it exists and maybe show the user what was

The 3D solar system has been created successfully. Let me verify the file is in place:

bash {"command":"ls -la /workspace/index.html && echo \"---\" && wc -l /workspace/index.html"}
toolResult

-rw-r--r-- 1 node node 8649 Jul 22 17:34 /workspace/index.html --- 251 /workspace/index.html

assistant
thinking
The user just sent an empty message with thinking tags. This might be a mistake or they might be waiting for me to respond. Since I just completed creating the 3D solar system in index.html, I should provide a summary of what was built and confirm it's ready to

The 3D solar system is complete! Here's what I built in `/workspace/index.html`: **Features:** - **Sun** at the center with a glowing effect - **8 planets** (Mercury through Neptune) with: - Varied sizes (scaled appropriately) - Different orbital distances - Unique orbital speeds (inner planets faster, outer planets slower) - Distinctive colors for each planet - **Saturn's rings** as a special visual feature - **Orbit rings** showing each planet's path - **Starfield** with 5,000 stars in the background - **Orbit-drag camera controls**: - Click and drag to orbit around the solar system - Scroll to zoom in/out - Touch support for mobile devices **To view it:** Open `index.html` in a web browser. The Three.js library is loaded locally from the provided `three.min.js` file, so no network connection is 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

modelhy3-preview
vendorTencent · Hunyuan
harnesspi-agent
generated2026-07-22

EVALUATION

3/5 working

3D solar system with sun, orbiting planets, starfield, and camera responds to drag, wheel, and keyboard input.

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.5%
on click0.6%
on drag1.6%
on wheel1.8%
on enter + space1.2%
on arrow keys1.5%
on w/a/s/d1.3%
frame spread19.5 / 255
console errors0
js errors none

METRICS

runtime41.3s
tokens in3.8k
tokens out3.7k
cached9.5k
cost / run$0.0012