Boids Simulator

{"name":"Boids Simulator","description":"Experience the mesmerizing behavior of boids in this interactive simulation. Control their flocking behavior and create mesmerizing patterns!","photo":null,"view_count":21,"fork_count":0,"expires_at":null,"created_at":"2024-01-19T19:30:22.401950Z","updated_at":"2024-01-19T19:33:48.675315Z","user_id":2,"status":"PRIVATE","parent_id":360,"id":427,"user":{"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"class Predator {\n constructor(x, y) {\n this.position = createVector(x, y);\n this.velocity = createVector(0, 0);\n this.acceleration = createVector();\n this.maxForce = 0.2;\n this.maxSpeed = 6;\n this.size = 10;\n this.lifespan = 1000; // Predators start with a lifespan of 1000 frames\n\n }\neat(boids, predators) {\n for (let i = boids.length - 1; i >= 0; i--) {\n let d = p5.Vector.dist(this.position, boids[i].position);\n if (d < this.size) {\n boids.splice(i, 1);\n if (random(1) < 0.3) { // 3% chance\n // Create a new, smaller predator\n let baby = new Predator(this.position.x, this.position.y);\n let sizeFactor = map(this.lifespan, 0, 1000, 1.25, 0.7);\n baby.size = this.size * sizeFactor;\n predators.push(baby);\n } else if (random(1) < 0.10) { // 10% chance\n // Remove this predator\n let index = predators.indexOf(this);\n if (index > -1) {\n predators.splice(index, 1);\n }\n } else {\n this.size += 1;\n this.lifespan += 100; // Increase lifespan by a reasonable amount\n }\n }\n }\n}\n update() {\n this.velocity.add(this.acceleration);\n this.velocity.limit(this.maxSpeed);\n this.position.add(this.velocity);\n this.acceleration.mult(0);\n // Decrease the lifespan\n this.lifespan -= 5;\n\n // If the lifespan is zero or less, remove the predator\n if (this.lifespan <= 0) {\n let index = predators.indexOf(this);\n if (index !== -1) {\n predators.splice(index, 1);\n }\n }\n }\n\n\n applyForce(force) {\n this.acceleration.add(force);\n }\n\n hunt(neighbors) {\n if (!neighbors.length) return;\n \n let closest = neighbors[0];\n let closestDist = p5.Vector.dist(this.position, closest.position);\n neighbors.forEach(n => {\n let d = p5.Vector.dist(this.position, n.position);\n if (d < closestDist) {\n closest = n;\n closestDist = d;\n }\n });\n let seek = p5.Vector.sub(closest.position, this.position);\n seek.setMag(this.maxSpeed);\n let steer = p5.Vector.sub(seek, this.velocity);\n steer.limit(this.maxForce);\n this.applyForce(steer);\n }\n\nshow() {\n push();\n fill(0, 0, 255, map(this.lifespan, 0, 1000, 0, 255));\n ellipse(this.position.x, this.position.y, this.size * 2);\n pop();\n}\n edges() {\n if (this.position.x > width + this.size) this.position.x = -this.size;\n else if (this.position.x < -this.size) this.position.x = width + this.size;\n if (this.position.y > height + this.size) this.position.y = -this.size;\n else if (this.position.y < -this.size) this.position.y = height + this.size;\n }\n}\nfunction setup() {\n createCanvas(800, 600);\n flock = new Flock();\n predators = [];\n\n for (let i = 0; i < 100; i++)\n flock.addBoid(new Boid(random(width), random(height)));\n \n}\n\nfunction draw() {\n clear();\n flock.run();\n \n predators.forEach(predator => {\n predator.hunt(flock.boids);\n predator.eat(flock.boids, predators);\n predator.update();\n predator.edges();\n predator.show();\n });\n}\n\nclass Boid {\n steerForAlignment = this.createSteerFn(neighbors => {\n let average = createVector();\n for (let neighbor of neighbors) {\n average.add(neighbor.velocity);\n }\n return average.div(neighbors.length);\n});\nsteerAwayFromPredators(predators) {\n let dangerZone = this.size * 10; // Define how close is too close for a predator\n let escape = createVector(); // Vector to accumulate escape forces\n\n predators.forEach(pred => {\n let distance = p5.Vector.dist(this.position, pred.position);\n if (distance < dangerZone) {\n let flee = p5.Vector.sub(this.position, pred.position); // Get vector pointing away from predator\n flee.normalize(); \n flee.div(distance); // The closer the predator, the stronger the force\n escape.add(flee);\n }\n });\n\n return escape;\n}\nsteerForSeparation = this.createSteerFn(neighbors => {\n let separation = createVector();\n for (let neighbor of neighbors) {\n let difference = p5.Vector.sub(this.position, neighbor.position);\n let distance = difference.mag();\n difference.div(distance * distance + 0.001);\n separation.add(difference);\n }\n return separation.div(neighbors.length);\n});\n\nsteerTowardsCenter = this.createSteerFn(neighbors => {\n let center = createVector();\n for (let neighbor of neighbors) {\n center.add(neighbor.position);\n }\n return center.div(neighbors.length);\n});\n constructor(x, y) {\n this.position = createVector(x, y);\n this.velocity = p5.Vector.random2D();\n this.velocity.setMag(random(2, 4));\n this.acceleration = createVector();\n this.maxForce = 0.1;\n this.maxSpeed = 4;\n this.size = 5;\n this.counter = 0;\n\n }\nreproduce() {\n this.counter += 1;\n let reproductionThreshold;\n\n // If boids count is less than 100, reproduce rapidly\n if (flock.boids.length < 100) {\n reproductionThreshold = 1; // Reproduce almost every frame\n } else {\n reproductionThreshold = map(flock.boids.length, 0, 500, 50, 500);\n }\n\n if (this.counter >= reproductionThreshold) {\n let child = new Boid(this.position.x, this.position.y);\n flock.addBoid(child);\n this.counter = 0;\n }\n}\ncreateSteerFn(calcDesired) {\n return neighbors => {\n if (!neighbors.length) return createVector();\n let desired = calcDesired(neighbors).setMag(this.maxSpeed);\n return p5.Vector.sub(desired, this.velocity).limit(this.maxForce);\n }\n}\ngetNeighbors(radius) {\n return flock.boids.filter(other => other !== this && p5.Vector.dist(this.position, other.position) < radius);\n}\nhandleCollision(neighbors) {\n let personalSpace = this.size * 2; // Define how close is too close\n neighbors.forEach(neighbor => {\n let distance = p5.Vector.dist(this.position, neighbor.position);\n if (distance < personalSpace) {\n let moveAwayDirection = p5.Vector.sub(this.position, neighbor.position);\n moveAwayDirection.normalize(); // Normalize\n moveAwayDirection.mult(0.5); // Strength of reaction\n this.applyForce(moveAwayDirection);\n }\n });\n}\n update() {\n // Build the Quadtree\n let boundary = new Rectangle(width / 2, height / 2, width / 2, height / 2);\n let quadtree = new Quadtree(boundary, 4);\n for (let boid of flock.boids) {\n quadtree.insert(boid);\n }\n\n // Query the Quadtree\n let range = new Rectangle(this.position.x, this.position.y, 50, 50);\n let neighbors = quadtree.query(range);\n this.maxSpeed += random(-0.3, 0.3); // Randomly adjust maxSpeed\n this.maxSpeed = constrain(this.maxSpeed, 4, 7); // Keep maxSpeed within a reasonable range\n this.reproduce();\n\n let alignmentForce = this.steerForAlignment(neighbors);\n let separationForce = this.steerForSeparation(neighbors);\n let centeringForce = this.steerTowardsCenter(neighbors);\n\n alignmentForce.mult(1.5); // weight for alignment behavior\n separationForce.mult(2); // weight for separation behavior\n centeringForce.mult(1); // weight for centering behavior\n\n this.applyForce(alignmentForce);\n this.applyForce(separationForce);\n this.applyForce(centeringForce);\n let escapeForce = this.steerAwayFromPredators(predators);\n escapeForce.mult(3); // Assign a high weight to escaping predators\n\n // Apply escape force\n this.applyForce(escapeForce);\n\n this.handleCollision(neighbors); // handle potential collisions\n\n this.position.add(this.velocity);\n this.velocity.add(this.acceleration);\n this.velocity.limit(this.maxSpeed);\n this.acceleration.mult(0);\n\n this.edge(); \n}\n applyForce(force) {\n this.acceleration.add(force);\n}\nedge() {\n this.position.x = this.position.x > width + this.size ? -this.size : (this.position.x < -this.size ? width + this.size : this.position.x);\n this.position.y = this.position.y > height + this.size ? -this.size : (this.position.y < -this.size ? height + this.size : this.position.y);\n}\n\n show() {\n push();\n translate(this.position.x, this.position.y);\n rotate(this.velocity.heading() + PI / 2);\n fill(map(this.velocity.mag(), 0, this.maxSpeed, 0, 255), 0, 0);\n beginShape();\n vertex(0, -this.size * 2);\n vertex(-this.size, this.size * 2);\n vertex(this.size, this.size * 2);\n endShape(CLOSE);\n pop();\n }\n\n}\nclass Flock {\n constructor() {\n this.boids = [];\n }\n\n run() {\n this.boids.forEach(boid => {boid.update(); boid.show();});\n }\n\n addBoid(boid) {\n this.boids.push(boid);\n }\n}\nclass Quadtree {\n constructor(boundary, capacity) {\n this.boundary = boundary;\n this.capacity = capacity;\n this.boids = [];\n this.divided = false;\n }\n\n insert(boid) {\n if (!this.boundary.contains(boid.position)) {\n return false;\n }\n if (this.boids.length < this.capacity) {\n this.boids.push(boid);\n return true;\n } else {\n if (!this.divided) {\n this.subdivide();\n }\n return this.northeast.insert(boid) || this.northwest.insert(boid) ||\n this.southeast.insert(boid) || this.southwest.insert(boid);\n }\n }\n\n subdivide() {\n let x = this.boundary.x;\n let y = this.boundary.y;\n let w = this.boundary.w / 2;\n let h = this.boundary.h / 2;\n\n let ne = new Rectangle(x + w, y - h, w, h);\n this.northeast = new Quadtree(ne, this.capacity);\n let nw = new Rectangle(x - w, y - h, w, h);\n this.northwest = new Quadtree(nw, this.capacity);\n let se = new Rectangle(x + w, y + h, w, h);\n this.southeast = new Quadtree(se, this.capacity);\n let sw = new Rectangle(x - w, y + h, w, h);\n this.southwest = new Quadtree(sw, this.capacity);\n\n this.divided = true;\n }\n\n query(range, found) {\n if (!found) {\n found = [];\n }\n if (!this.boundary.intersects(range)) {\n return found;\n } else {\n for (let boid of this.boids) {\n if (range.contains(boid.position)) {\n found.push(boid);\n }\n }\n if (this.divided) {\n this.northwest.query(range, found);\n this.northeast.query(range, found);\n this.southwest.query(range, found);\n this.southeast.query(range, found);\n }\n }\n return found;\n }\n}\nclass Rectangle {\n constructor(x, y, w, h) {\n this.x = x;\n this.y = y;\n this.w = w;\n this.h = h;\n }\n\n contains(point) {\n return (point.x >= this.x - this.w &&\n point.x < this.x + this.w &&\n point.y >= this.y - this.h &&\n point.y < this.y + this.h);\n }\n\n intersects(range) {\n return !(range.x - range.w > this.x + this.w ||\n range.x + range.w < this.x - this.w ||\n range.y - range.h > this.y + this.h ||\n range.y + range.h < this.y - this.h);\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Boids Simulator\n \n \n\n\n\n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}