3D solar system · qwen3-coder-next

total 604 drwx------ 3 node node 4096 Oct 16 01:36 . drwxrwxrwt 6 root root 4096 Oct 16 01:36 .. drwxr-xr-x 3 node node 4096 Oct 16 01:36 .home -rw-r--r-- 1 node node 603445 Oct 16 01:36 three.min.js

Successfully wrote to /tmp/job-Pkl7Dv/index.html

{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.","warning: [.WebGL-0xdc0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0xdc0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0xdc0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels"],"dom":"SOLAR SYSTEM\nPause\nReset View\nPLANETS\nSun\nMercury\nVenus\nEarth\nMars\nJupiter\nSaturn\nUranus\nNeptune\nLeft Click: Rotate | Right Click: Pan | Scroll: Zoom","images":"model does not support images"}

/bin/bash: line 1: python3: command not found

Server running on port 8080 node:events:487 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE: address already in use :::8080 at Server.setupListenHandle [as _listen2] (node:net:2009:16) at listenInCluster (node:net:2066:12) at Server.listen (node:net:2171:7) at [eval]:1:216 at runScriptInThisContext (node:internal/vm:219:10) at node:internal/process/execution:451:12 at [eval]-wrapper:6:24 at runScriptInContext (node:internal/process/execution:449:60) at evalFunction (node:internal/process/execution:283:30) at evalTypeScript (node:internal/process/execution:295:3) Emitted 'error' event on Server instance at: at emitErrorNT (node:net:2045:8) at process.processTicksAndRejections (node:internal/process/task_queues:90:21) { code: 'EADDRINUSE', errno: -98, syscall: 'listen', address: '::', port: 8080 } Node.js v24.18.0 Command exited with code 1

{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels"],"dom":"SOLAR SYSTEM\nPause\nReset View\nPLANETS\nSun\nMercury\nVenus\nEarth\nMars\nJupiter\nSaturn\nUranus\nNeptune\nLeft Click: Rotate | Right Click: Pan | Scroll: Zoom","images":"model does not support images"}

{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels (this message will no longer repeat)"],"dom":"SOLAR SYSTEM\nPause\nReset View\nPLANETS\nSun\nMercury\nVenus\nEarth\nMars\nJupiter\nSaturn\nUranus\nNeptune\nLeft Click: Rotate | Right Click: Pan | Scroll: Zoom","images":"model does not support images"}

{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels","warning: [.WebGL-0x195c0017c200]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels (this message will no longer repeat)"],"dom":"SOLAR SYSTEM\nPause\nReset View\nPLANETS\nSun\nMercury\nVenus\nEarth\nMars\nJupiter\nSaturn\nUranus\nNeptune\nLeft Click: Rotate | Right Click: Pan | Scroll: Zoom","images":"model does not support images"}

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3D Solar System Visualization</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { overflow: hidden; background: #000; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: white; } #canvas-container { width: 100vw; height: 100vh; display: block; } #ui-panel { position: absolute; top: 20px; left: 20px; background: rgba(0, 0, 0, 0.7); padding: 15px 20px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); } h1 { font-size: 18px; margin-bottom: 15px; color: #ffd700; text-transform: uppercase; letter-spacing: 2px; } .controls { display: flex; gap: 10px; flex-wrap: wrap; }

424 index.html -rw-r--r-- 1 node node 15K Oct 16 01:38 index.html

/tmp/js_check.js:1 <script src="three.min.js"></script> ^ SyntaxError: Unexpected token '<' at wrapSafe (node:internal/modules/cjs/loader:1804:18) at checkSyntax (node:internal/main/check_syntax:76:3) Node.js v24.18.0 Syntax check done

/tmp/js_check.js:1 <script> ^ SyntaxError: Unexpected token '<' at wrapSafe (node:internal/modules/cjs/loader:1804:18) at checkSyntax (node:internal/main/check_syntax:76:3) Node.js v24.18.0 Command exited with code 1

(no output)

planets.forEach(planet => { planet.angle = Math.random() * Math.PI * 2; const x = Math.cos(planet.angle) * planet.distance; const z = Math.sin(planet.angle) * planet.distance; planet.mesh.position.set(x, 0, z); }); }); // Handle window resize window.addEventListener('resize', () => { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }); // Initialize camera updateCameraPosition(); </script> </body> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3D Solar System Visualization</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { overflow: hidden; background: #000; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: white; } #canvas-container { width: 100vw; height: 100vh; display: block; } #ui-panel { position: absolute; top: 20px; left: 20px; background: rgba(0, 0, 0, 0.7); padding: 15px 20px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); } h1 { font-size: 18px; margin-bottom: 15px; color: #ffd700; text-transform: uppercase; letter-spacing: 2px; } .controls { display: flex; gap: 10px; flex-wrap: wrap; } button { padding: 8px 16px; border: none; border-radius: 5px; cursor: pointer; font-weight: 600; transition: all 0.2s ease; font-size: 13px; } #pause-btn { background: #4a90d9; color: white; } #pause-btn:hover { background: #3a7bc8; } #reset-btn { background: #e67e22; color: white; } #reset-btn:hover { background: #d35400; } #info { position: absolute; bottom: 20px; left: 20px; background: rgba(0, 0, 0, 0.7); padding: 10px 15px; border-radius: 5px; font-size: 12px; color: #ccc; max-width: 300px; } .planet-key { position: absolute; top: 20px; right: 20px; background: rgba(0, 0, 0, 0.7); padding: 15px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); } .planet-key h2 { font-size: 14px; margin-bottom: 10px; color: #ffd700; text-transform: uppercase; } .planet-item { display: flex; align-items: center; margin-bottom: 6px; font-size: 11px; } .planet-dot { width: 12px; height: 12px; border-radius: 50%; margin-right: 10px; } </style> </head> <body> <div id="ui-panel"> <h1>Solar System</h1> <div class="controls"> <button id="pause-btn">Pause</button> <button id="reset-btn">Reset View</button> </div> </div> <div class="planet-key"> <h2>Planets</h2> <div class="planet-item"><div class="planet-dot" style="background: #ffd700;"></div>Sun</div> <div class="planet-item"><div class="planet-dot" style="background: #b8b8b8;"></div>Mercury</div> <div class="planet-item"><div class="planet-dot" style="background: #e6b800;"></div>Venus</div> <div class="planet-item"><div class="planet-dot" style="background: #4a90d9;"></div>Earth</div> <div class="planet-item"><div class="planet-dot" style="background: #d95a5a;"></div>Mars</div> <div class="planet-item"><div class="planet-dot" style="background: #d9a85a;"></div>Jupiter</div> <div class="planet-item"><div class="planet-dot" style="background: #d9c88a;"></div>Saturn</div> <div class="planet-item"><div class="planet-dot" style="background: #8ad9d9;"></div>Uranus</div> <div class="planet-item"><div class="planet-dot" style="background: #5a8ad9;"></div>Neptune</div> </div> <div id="info"> Left Click: Rotate | Right Click: Pan | Scroll: Zoom </div> <div id="canvas-container"></div> <script src="three.min.js"></script> <script> // Scene setup const scene = new THREE.Scene(); scene.background = new THREE.Color(0x000005); scene.fog = new THREE.FogExp2(0x000005, 0.0005); const camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 5000); camera.position.set(0, 150, 300); const renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setSize(window.innerWidth, window.innerHeight); renderer.setPixelRatio(window.devicePixelRatio); document.getElementById('canvas-container').appendChild(renderer.domElement); // Orbit controls (custom implementation) const controls = { rotation: { x: 0, y: 0 }, distance: 300, minDistance: 50, maxDistance: 2000, isDragging: false, isRotating: false, lastMouseX: 0, lastMouseY: 0, panOffset: { x: 0, y: 0 } }; // Sun light const sunLight = new THREE.PointLight(0xffffff, 2, 3000); sunLight.position.set(0, 0, 0); scene.add(sunLight); const ambientLight = new THREE.AmbientLight(0x333333); scene.add(ambientLight); // Starfield function createStarfield() { const starsGeometry = new THREE.BufferGeometry(); const starCount = 5000; const positions = new Float32Array(starCount * 3); for (let i = 0; i < starCount * 3; i++) { positions[i] = (Math.random() - 0.5) * 4000; } starsGeometry.setAttribute('position', new THREE.BufferAttribute(positions, 3)); const starsMaterial = new THREE.PointsMaterial({ color: 0xffffff, size: 2, sizeAttenuation: true }); const starfield = new THREE.Points(starsGeometry, starsMaterial); scene.add(starfield); } createStarfield(); // Sun const sunGeometry = new THREE.SphereGeometry(15, 32, 32); const sunMaterial = new THREE.MeshBasicMaterial({ color: 0xffd700 }); const sun = new THREE.Mesh(sunGeometry, sunMaterial); scene.add(sun); // Planet data (schematic sizes and distances) const planetsData = [ { name: 'Mercury', color: 0xb8b8b8, size: 3, distance: 35, speed: 0.02 }, { name: 'Venus', color: 0xe6b800, size: 5, distance: 55, speed: 0.015 }, { name: 'Earth', color: 0x4a90d9, size: 5.5, distance: 75, speed: 0.01 }, { name: 'Mars', color: 0xd95a5a, size: 4, distance: 95, speed: 0.008 }, { name: 'Jupiter', color: 0xd9a85a, size: 12, distance: 140, speed: 0.004 }, { name: 'Saturn', color: 0xd9c88a, size: 10, distance: 180, speed: 0.003, ringInner: 14, ringOuter: 22 }, { name: 'Uranus', color: 0x8ad9d9, size: 7, distance: 220, speed: 0.002 }, { name: 'Neptune', color: 0x5a8ad9, size: 6.5, distance: 250, speed: 0.0015 } ]; const planets = []; // Create planets planetsData.forEach((data, index) => { // Orbit path const orbitGeometry = new THREE.RingGeometry(data.distance - 0.2, data.distance + 0.2, 128); const orbitMaterial = new THREE.MeshBasicMaterial({ color: 0xffffff, side: THREE.DoubleSide, transparent: true, opacity: 0.15 }); const orbit = new THREE.Mesh(orbitGeometry, orbitMaterial); orbit.rotation.x = Math.PI / 2; scene.add(orbit); // Planet const geometry = new THREE.SphereGeometry(data.size, 32, 32); const material = new THREE.MeshStandardMaterial({ color: data.color, roughness: 0.7, metalness: 0.1 }); const planet = new THREE.Mesh(geometry, material); // Planet position const planetData = { mesh: planet, distance: data.distance, angle: Math.random() * Math.PI * 2, speed: data.speed, name: data.name, label: null }; scene.add(planet); planets.push(planetData); // Saturn ring if (data.ringInner) { const ringGeometry = new THREE.RingGeometry(data.ringInner, data.ringOuter, 64); const ringMaterial = new THREE.MeshStandardMaterial({ color: 0xc9b060, side: THREE.DoubleSide, transparent: true, opacity: 0.8 }); const ring = new THREE.Mesh(ringGeometry, ringMaterial); ring.rotation.x = Math.PI / 2.2; planet.add(ring); } // Label const canvas = document.createElement('canvas'); const context = canvas.getContext('2d'); canvas.width = 256; canvas.height = 128; context.fillStyle = 'rgba(0, 0, 0, 0)'; context.fillRect(0, 0, 256, 128); context.font = 'bold 24px Arial'; context.textAlign = 'center'; context.textBaseline = 'middle'; context.fillStyle = 'white'; context.shadowColor = 'black'; context.shadowBlur = 4; context.shadowOffsetX = 0; context.shadowOffsetY = 0; context.fillText(data.name, 128, 64); const texture = new THREE.CanvasTexture(canvas); const spriteMaterial = new THREE.SpriteMaterial({ map: texture, transparent: true }); const label = new THREE.Sprite(spriteMaterial); label.scale.set(20, 10, 1); planet.add(label); planetData.label = label; // Initial position planetData.angle = Math.random() * Math.PI * 2; const x = Math.cos(planetData.angle) * planetData.distance; const z = Math.sin(planetData.angle) * planetData.distance; planet.position.set(x, 0, z); }); // Animation controls let isPaused = false; let animationId = null; let initialCameraPosition = camera.position.clone(); let initialRotation = { x: controls.rotation.x, y: controls.rotation.y }; let initialDistance = controls.distance; function animate() { animationId = requestAnimationFrame(animate); if (!isPaused) { planets.forEach(planet => { planet.angle += planet.speed; const x = Math.cos(planet.angle) * planet.distance; const z = Math.sin(planet.angle) * planet.distance; planet.mesh.position.set(x, 0, z); }); } renderer.render(scene, camera); } animate(); // Event handlers let panStartX = 0; let panStartY = 0; let isPanning = false; // Mouse events for rotation and panning document.addEventListener('mousedown', (e) => { if (e.target.tagName !== 'BUTTON') { controls.isRotating = true; controls.lastMouseX = e.clientX; controls.lastMouseY = e.clientY; } }); document.addEventListener('mousemove', (e) => { if (controls.isRotating && e.buttons === 1) { const deltaX = e.clientX - controls.lastMouseX; const deltaY = e.clientY - controls.lastMouseY; controls.rotation.y += deltaX * 0.005; controls.rotation.x += deltaY * 0.005; controls.rotation.x = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, controls.rotation.x)); controls.lastMouseX = e.clientX; controls.lastMouseY = e.clientY; } }); document.addEventListener('mouseup', () => { controls.isRotating = false; }); // Wheel zoom document.addEventListener('wheel', (e) => { e.preventDefault(); controls.distance += e.deltaY * 0.5; controls.distance = Math.max(controls.minDistance, Math.min(controls.maxDistance, controls.distance)); }); // Mouse wheel also affects camera position window.addEventListener('wheel', (e) => { e.preventDefault(); controls.distance += e.deltaY * 0.5; controls.distance = Math.max(controls.minDistance, Math.min(controls.maxDistance, controls.distance)); updateCameraPosition(); }, { passive: false }); function updateCameraPosition() { camera.position.x = Math.sin(controls.rotation.x) * Math.cos(controls.rotation.y) * controls.distance; camera.position.y = Math.cos(controls.rotation.x) * controls.distance; camera.position.z = Math.sin(controls.rotation.x) * Math.sin(controls.rotation.y) * controls.distance; camera.position.add(new THREE.Vector3(0, 0, 0)); camera.lookAt(0, 0, 0); } // Button handlers document.getElementById('pause-btn').addEventListener('click', (e) => { isPaused = !isPaused; e.target.textContent = isPaused ? 'Resume' : 'Pause'; }); document.getElementById('reset-btn').addEventListener('click', (e) => { camera.position.copy(initialCameraPosition); controls.rotation.x = initialRotation.x; controls.rotation.y = initialRotation.y; controls.distance = initialDistance; updateCameraPosition(); // Reset planet angles planets.forEach(planet => { planet.angle = Math.random() * Math.PI * 2; const x = Math.cos(planet.angle) * planet.distance; const z = Math.sin(planet.angle) * planet.distance; planet.mesh.position.set(x, 0, z); }); }); // Handle window resize window.addEventListener('resize', () => { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }); // Initialize camera updateCameraPosition(); </script> </body> </html>

-rw-r--r-- 1 node node 14936 Oct 16 01:38 /tmp/job-Pkl7Dv/index.html