// P5.js example code reference from Daniel Shiffman //https://p5js.org/examples/simulate-flocking.html var flock; let SPEED = 1; let mic; let posX; let posY; let eSize = 100; let canvas; function setup() { // createCanvas(800, 340); canvas =createCanvas(windowWidth,windowHeight); canvas.parent("p5canvas"); flock = new Flock(); mic = new p5.AudioIn(); mic.start(); posX = width * 0.5; posY = height * 0.5; for (var i = 0; i < 100; i++) { var b = new Boid(random(0, width), random(0, height)); flock.addBoid(b); } } function draw() { background(0, 25); let vol = mic.getLevel(); flock.run(); ellipse(posX, posY, eSize + eSize*0.8 * vol); for (var i = 0; i < flock.boids.length; i++) { let x = flock.boids[i].position.x; let y = flock.boids[i].position.y; if (x > posX - eSize * 0.5 && x < posX + eSize * 0.5) { if (y > posY - eSize * 0.5 && y < posY + eSize * 0.5) { flock.boids.splice(i, 1); } } } if (frameCount % 10 == 0) { var b = new Boid(random(0, width), random(0, height), 500); flock.addBoid(b); } } function mouseDragged() { flock.addBoid(new Boid(mouseX, mouseY)); } function Flock() { this.boids = []; } // function windowResized() { // resizeCanvas(windowWidth, windowHeight); // } Flock.prototype.addBoid = function (b) { this.boids.push(b); }; Flock.prototype.delBoid = function (b) { // var result = this.boids.filter(function( item ) { // return item === b; // }); }; Flock.prototype.run = function () { for (var i = 0; i < this.boids.length; i++) { this.boids[i].run(this.boids); } }; function Boid(x, y) { this.acceleration = createVector(0, 0); this.velocity = createVector(random(-1, 1), random(-1, 1)); this.position = createVector(x, y); this.r = 2.0; this.maxspeed = SPEED; this.maxforce = 0.05; } Boid.prototype.run = function (boids) { this.flock(boids); this.update(); this.borders(); this.render(); }; Boid.prototype.applyForce = function (force) { this.acceleration.add(force); }; Boid.prototype.flock = function (boids) { var sep = this.separate(boids); var ali = this.align(boids); var coh = this.cohesion(boids); var mows = this.interact(boids); sep.mult(1.5); ali.mult(1.0); coh.mult(1.0); mows.mult(1.5); this.applyForce(sep); this.applyForce(ali); this.applyForce(coh); this.applyForce(mows); }; Boid.prototype.update = function () { this.velocity.add(this.acceleration); this.velocity.limit(this.maxspeed); this.position.add(this.velocity); this.acceleration.mult(0); }; Boid.prototype.seek = function (target) { var desired = p5.Vector.sub(target, this.position); desired.normalize(); desired.mult(this.maxspeed); var steer = p5.Vector.sub(desired, this.velocity); steer.limit(this.maxforce); return steer; }; Boid.prototype.render = function () { var theta = this.velocity.heading() + radians(90); noStroke(); push(); translate(this.position.x, this.position.y); rotate(theta); fill(181, 255, 233); ellipse(0, 0, 3, 3); fill(1, 111, 185); ellipse(0, 3, 2, 5); stroke(25, 0, 0); line(-5, 0, 5, 0); pop(); }; Boid.prototype.borders = function () { if (this.position.x < -this.r) this.position.x = width + this.r; if (this.position.y < -this.r) this.position.y = height + this.r; if (this.position.x > width + this.r) this.position.x = -this.r; if (this.position.y > height + this.r) this.position.y = -this.r; }; Boid.prototype.separate = function (boids) { var desiredseparation = 25.0; var steer = createVector(0, 0); var count = 0; for (var i = 0; i < boids.length; i++) { var d = p5.Vector.dist(this.position, boids[i].position); if (d > 0 && d < desiredseparation) { var diff = p5.Vector.sub(this.position, boids[i].position); diff.normalize(); diff.div(d); steer.add(diff); count++; } } if (count > 0) { steer.div(count); } if (steer.mag() > 0) { steer.normalize(); steer.mult(this.maxspeed); steer.sub(this.velocity); steer.limit(this.maxforce); } return steer; }; Boid.prototype.align = function (boids) { var neighbordist = 100; var sum = createVector(0, 0); var count = 0; for (var i = 0; i < boids.length; i++) { var d = p5.Vector.dist(this.position, boids[i].position); if (d > 0 && d < neighbordist) { sum.add(boids[i].velocity); count++; } } if (count > 0) { sum.div(count); sum.normalize(); sum.mult(this.maxspeed); var steer = p5.Vector.sub(sum, this.velocity); steer.limit(this.maxforce); return steer; } else { return createVector(0, 0); } }; Boid.prototype.cohesion = function (boids) { var neighbordist = 100; var sum = createVector(0, 0); var count = 0; for (var i = 0; i < boids.length; i++) { var d = p5.Vector.dist(this.position, boids[i].position); if (d > 0 && d < neighbordist) { sum.add(boids[i].position); count++; } } if (count > 0) { sum.div(count); return this.seek(sum); } else { return createVector(0, 0); } }; Boid.prototype.interact = function (boids) { var neighbordist = 100; var m = createVector(posX, posY); var d = p5.Vector.dist(this.position, m); if (d > 0 && d < neighbordist) { return this.seek(m); } else { return createVector(0, 0); } };

#Flocking