Rotating icosahedron · qwen3-coder-30b-a3b-instruct
Using the pre-provided three.min.js (global THREE), render a full-screen scene with a rotating icosahedron lit by two colored point lights, orbit-style auto-rotation, and a subtle starfield background.
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), render a full-screen scene with a rotating icosahedron lit by two colored point lights, orbit-style auto-rotation, and a subtle starfield background.
```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rotating Icosahedron with Starfield</title> <style> body { margin: 0; overflow: hidden; background-color: #000; } canvas { display: block; } </style> </head> <body> <script src="three.min.js"></script> <script> // Initialize scene const scene = new THREE.Scene(); // Create camera const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); camera.position.z = 5; // Create renderer const renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); // Create icosahedron geometry and material const geometry = new THREE.IcosahedronGeometry(1, 0); const material = new THREE.MeshPhongMaterial({ color: 0x00aaff, shininess: 100, specular: 0xffffff }); // Create icosahedron mesh const icosahedron = new THREE.Mesh(geometry, material); scene.add(icosahedron); // Add two colored point lights const light1 = new THREE.PointLight(0xff0000, 1, 100); light1.position.set(3, 3, 3); scene.add(light1); const light2 = new THREE.PointLight(0x0000ff, 1, 100); light2.position.set(-3, -3, -3); scene.add(light2); // Create starfield background const starGeometry = new THREE.BufferGeometry(); const starMaterial = new THREE.PointsMaterial({ color: 0xffffff, size: 0.02, }); const starVertices = []; for (let i = 0; i < 10000; i++) { const x = (Math.random() - 0.5) * 2000; const y = (Math.random() - 0.5) * 2000; const z = (Math.random() - 0.5) * 2000; starVertices.push(x, y, z); } starGeometry.setAttribute('position', new THREE.Float32BufferAttribute(starVertices, 3)); const stars = new THREE.Points(starGeometry, starMaterial); scene.add(stars); // Handle window resize window.addEventListener('resize', () => { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }); // Animation loop function animate() { requestAnimationFrame(animate); // Rotate icosahedron icosahedron.rotation.x += 0.005; icosahedron.rotation.y += 0.005; // Auto-rotate camera around the icosahedron (orbit-style) const time = Date.now() * 0.0001; camera.position.x = Math.sin(time * 0.2) * 5; camera.position.z = Math.cos(time * 0.2) * 5; camera.lookAt(scene.position); renderer.render(scene, camera); } animate(); </script> </body> </html> ```
TAKE IT TO CODE
This run produced no artifact — reuse the prompt with a different model or your own pi-agent run.