Boids flocking · qwen3-coder-next

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

{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Resume\nReset\nBoids: 150 | Status: Paused\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Resume\nReset\nBoids: 150 | Status: Paused\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Resume\nReset\nBoids: 150 | Status: Paused\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Resume\nReset\nBoids: 150 | Status: Paused\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","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."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","images":"model does not support images"}

Tool inspect not found

{"console":["warning: An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing."],"dom":"Pause\nReset\nBoids: 150 | Status: Running\nMove cursor to repel boids • Click to toggle pause • Resize to adapt","images":"model does not support images"}

total 28 drwx------ 3 node node 4096 Oct 16 01:21 . drwxrwxrwt 8 root root 4096 Oct 16 01:21 .. drwxr-xr-x 4 node node 4096 Oct 16 01:21 .home -rw-r--r-- 1 node node 14089 Oct 16 01:21 index.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Boid Flocking Simulation</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { overflow: hidden; background: #1a1a2e; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } canvas { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #controls { position: absolute; top: 20px; left: 20px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); padding: 15px 20px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); display: flex; gap: 10px; z-index: 100; } button { background: #e94560; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; [365 more lines in file. Use offset=51 to continue.]

Status: <span id="status">Running</span> </div> <div class="instructions"> Move cursor to repel boids • Click to toggle pause • Resize to adapt </div> <script> // Configuration const BOID_COUNT = 150; const BOID_SIZE = 8; const SEPARATION_RADIUS = 50; const ALIGNMENT_RADIUS = 80; const COHESION_RADIUS = 80; const MOUSE_RADIUS = 150; const MAX_SPEED = 4; const MAX_FORCE = 0.1; // Canvas setup const canvas = document.getElementById('simulation'); const ctx = canvas.getContext('2d'); let width, height; function resize() { width = window.innerWidth; height = window.innerHeight; canvas.width = width; canvas.height = height; } window.addEventListener('resize', resize); resize(); // Mouse state const mouse = { x: -1000, y: -1000, active: false }; canvas.addEventListener('mousemove', (e) => { mouse.x = e.clientX; mouse.y = e.clientY; mouse.active = true; }); canvas.addEventListener('mouseleave', () => { mouse.active = false; mouse.x = -1000; mouse.y = -1000; }); canvas.addEventListener('click', () => { paused = !paused; updateStatus(); }); // Boid class class Boid { constructor() { this.position = { x: Math.random() * width, y: Math.random() * height }; this.velocity = { x: (Math.random() - 0.5) * MAX_SPEED * 2, y: (Math.random() - 0.5) * MAX_SPEED * 2 }; this.acceleration = { x: 0, y: 0 }; this.color = `hsl(${160 + Math.random() * 60}, 70%, 60%)`; } update() { this.velocity.x += this.acceleration.x; this.velocity.y += this.acceleration.y; // Limit speed const speed = Math.sqrt( this.velocity.x * this.velocity.x + this.velocity.y * this.velocity.y ); if (speed > MAX_SPEED) { this.velocity.x = (this.velocity.x / speed) * MAX_SPEED; this.velocity.y = (this.velocity.y / speed) * MAX_SPEED; } this.position.x += this.velocity.x; this.position.y += this.velocity.y; // Wrap around edges if (this.position.x < 0) this.position.x = width; if (this.position.x > width) this.position.x = 0; if (this.position.y < 0) this.position.y = height; if (this.position.y > height) this.position.y = 0; // Reset acceleration this.acceleration = { x: 0, y: 0 }; } applyForce(force) { this.acceleration.x += force.x; this.acceleration.y += force.y; } [216 more lines in file. Use offset=200 to continue.]

seek(targetX, targetY) { const desiredX = targetX - this.position.x; const desiredY = targetY - this.position.y; const distance = Math.sqrt( desiredX * desiredX + desiredY * desiredY ); if (distance > 0) { const normalize = MAX_SPEED / distance; desiredX *= normalize; desiredY *= normalize; const steerX = desiredX - this.velocity.x; const steerY = desiredY - this.velocity.y; this.applyForce({ x: steerX, y: steerY }); } } flock(boids) { let separation = { x: 0, y: 0 }; let alignment = { x: 0, y: 0 }; let cohesion = { x: 0, y: 0 }; let count = 0; for (let other of boids) { if (other !== this) { const dx = other.position.x - this.position.x; const dy = other.position.y - this.position.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < SEPARATION_RADIUS) { separation.x -= dx; separation.y -= dy; } if (distance < ALIGNMENT_RADIUS) { alignment.x += other.velocity.x; alignment.y += other.velocity.y; count++; } } } // Apply separation if (separation.x !== 0 || separation.y !== 0) { const dist = Math.sqrt( separation.x * separation.x + separation.y * separation.y ); if (dist > 0) { separation.x = (separation.x / dist) * MAX_SPEED; separation.y = (separation.y / dist) * MAX_SPEED; } separation.x -= this.velocity.x; separation.y -= this.velocity.y; this.applyForce({ x: separation.x * 1.5, y: separation.y * 1.5 }); } // Apply alignment if (count > 0) { alignment.x /= count; alignment.y /= count; const alignDist = Math.sqrt( alignment.x * alignment.x + alignment.y * alignment.y ); if (alignDist > 0) { alignment.x = (alignment.x / alignDist) * MAX_SPEED; alignment.y = (alignment.y / alignDist) * MAX_SPEED; } alignment.x -= this.velocity.x; alignment.y -= this.velocity.y; this.applyForce({ x: alignment.x * 1.0, y: alignment.y * 1.0 }); } // Apply cohesion if (count > 0) { [136 more lines in file. Use offset=280 to continue.]

let center = { x: 0, y: 0 }; let centerCount = 0; for (let other of boids) { if (other !== this) { const dx = other.position.x - this.position.x; const dy = other.position.y - this.position.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < COHESION_RADIUS) { center.x += other.position.x; center.y += other.position.y; centerCount++; } } } if (centerCount > 0) { center.x /= centerCount; center.y /= centerCount; const dx = center.x - this.position.x; const dy = center.y - this.position.y; const cohDist = Math.sqrt(dx * dx + dy * dy); if (cohDist > 0) { const desiredX = (dx / cohDist) * MAX_SPEED; const desiredY = (dy / cohDist) * MAX_SPEED; const steerX = desiredX - this.velocity.x; const steerY = desiredY - this.velocity.y; this.applyForce({ x: steerX * 0.5, y: steerY * 0.5 }); } } } // Mouse avoidance if (mouse.active) { const dx = this.position.x - mouse.x; const dy = this.position.y - mouse.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < MOUSE_RADIUS) { const force = (MOUSE_RADIUS - distance) / MOUSE_RADIUS; this.applyForce({ x: dx * force * 2, y: dy * force * 2 }); } } } draw() { const angle = Math.atan2( this.velocity.y, this.velocity.x ); ctx.save(); ctx.translate(this.position.x, this.position.y); ctx.rotate(angle); ctx.fillStyle = this.color; ctx.beginPath(); ctx.moveTo(BOID_SIZE, 0); ctx.lineTo(-BOID_SIZE * 0.7, BOID_SIZE * 0.7); ctx.lineTo(-BOID_SIZE * 0.7, -BOID_SIZE * 0.7); ctx.closePath(); ctx.fill(); ctx.restore(); } } // Simulation state let boids = []; let paused = false; let animationId; function initBoids() { boids = []; for (let i = 0; i < BOID_COUNT; i++) { boids.push(new Boid()); } [56 more lines in file. Use offset=360 to continue.]

} function updateStatus() { document.getElementById('status').textContent = paused ? 'Paused' : 'Running'; document.getElementById('pauseBtn').textContent = paused ? 'Resume' : 'Pause'; } function animate() { ctx.fillStyle = 'rgba(26, 26, 46, 0.3)'; ctx.fillRect(0, 0, width, height); if (!paused) { for (let boid of boids) { boid.flock(boids); boid.update(); } } for (let boid of boids) { boid.draw(); } animationId = requestAnimationFrame(animate); } // Controls document.getElementById('pauseBtn').addEventListener('click', () => { paused = !paused; updateStatus(); }); document.getElementById('resetBtn').addEventListener('click', () => { initBoids(); }); // Initialize initBoids(); updateStatus(); animate(); // Initial render ctx.fillStyle = '#1a1a2e'; ctx.fillRect(0, 0, width, height); // Mouse cursor indicator canvas.addEventListener('mousemove', (e) => { if (mouse.active) { ctx.strokeStyle = 'rgba(255, 107, 129, 0.3)'; ctx.beginPath(); ctx.arc(e.clientX, e.clientY, MOUSE_RADIUS, 0, Math.PI * 2); ctx.stroke(); } }); </script> </body> </html>

-rw-r--r-- 1 node node 14089 Oct 16 01:21 /tmp/job-g7WwOI/index.html 414 /tmp/job-g7WwOI/index.html