3D solar system · llama-4-scout
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.
This one-shot run produced no runnable artifact.
agent produced no index.html
The transcript below shows what the model did — read it to see why the one shot fell short.
transcript · 2 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.
[write(index.html, <!DOCTYPE html><html><head><title>Solar System Simulation</title><style>body { margin: 0; background-color: #000; } #canvas { width: 100%; height: 100vh; display: block; }</style></head><body><canvas id="canvas"></canvas><script src="three.min.js"></script><script>let scene = new THREE.Scene(); scene.background = new THREE.Color(0x000000); let camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); camera.position.z = 50; let renderer = new THREE.WebGLRenderer({ canvas: document.getElementById('canvas'), antialias: true }); renderer.setSize(window.innerWidth, window.innerHeight); let raycaster = new THREE.Raycaster(); let mouse = new THREE.Vector2(); let starfield = []; for (let i = 0; i < 1000; i++) { let star = new THREE.Vector3(Math.random() * 200 - 100, Math.random() * 200 - 100, Math.random() * 200 - 100); starfield.push(star); } let sun = new THREE.Mesh(new THREE.SphereGeometry(5, 32, 32), new THREE.MeshBasicMaterial({ color: 0xff9900 })); scene.add(sun); let planets = []; let planetNames = ['Mercury', 'Venus', 'Earth', 'Mars', 'Jupiter', 'Saturn', 'Uranus', 'Neptune']; let planetDistances = [10, 20, 30, 40, 50, 60, 70, 80]; let planetSizes = [0.5, 1, 1.5, 1, 3, 2.5, 2, 1.5]; let planetSpeeds = [0.05, 0.03, 0.02, 0.01, 0.005, 0.003, 0.002, 0.001]; for (let i = 0; i < planetNames.length; i++) { let planet = new THREE.Mesh(new THREE.SphereGeometry(planetSizes[i], 32, 32), new THREE.MeshBasicMaterial({ color: 0xffffff })); planet.position.x = planetDistances[i]; planets.push({ planet, distance: planetDistances[i], speed: planetSpeeds[i] }); scene.add(planet); } let controls = new THREE.OrbitControls(camera, renderer.domElement); function animate() { requestAnimationFrame(animate); for (let i = 0; i < planets.length; i++) { planets[i].planet.position.x = planets[i].distance * Math.cos(Date.now() * planets[i].speed * 0.001); planets[i].planet.position.z = planets[i].distance * Math.sin(Date.now() * planets[i].speed * 0.001); } renderer.render(scene, camera); } animate(); document.addEventListener('mousemove', (event) => { mouse.x = (event.clientX / window.innerWidth) * 2 - 1; mouse.y = -(event.clientY / window.innerHeight) * 2 + 1; }); function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } window.addEventListener('resize', onWindowResize); onWindowResize();</script></html>)]
TAKE IT TO CODE
This run produced no artifact — reuse the prompt with a different model or your own pi-agent run.