My Sketch

let flock = []

var qtree;

const capacity = 6;

var f = 0;

var af = 60;

​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

  for (var i = 0; i < 100; i++) {

    flock.push(new Boid());

  }

}

​

function draw() {

  background(51);

  qtree = QuadTree.create();

​

  for (let boid of flock) {

    let point = new Point(boid.position.x, boid.position.y, boid);

    qtree.insert(point);

    boid.show();

  }

​

  for (let boid of flock) {

    boid.rollEdges();

    boid.flock(flock);

    boid.update();

  }

}

​

class Boid {

  constructor(x = random(width), y = random(height)) {

    this.position = createVector(x, y);

    this.velocity = createVector(random(-1, 1), random(-1, 1));

    this.velocity.setMag(random(2, 4));

    this.acceleration = createVector();

    this.maxForce = 0.05;

    this.maxSpeed = 3;

    this.perception = 100;

  }

​

  flock(boids) {

    this.acceleration.set(0, 0);

    let n = this.findNeighbors(boids);

    //let alignment = this.align(n).mult(1.0);

    //let cohesion = this.cohesion(n).mult(1.0);

    let separation = this.separation(n).mult(5);

    let flightResponse = this.flight().mult(1);

    //this.acceleration.add(alignment);

    //this.acceleration.add(cohesion);

    this.acceleration.add(separation);

    this.acceleration.add(flightResponse);

  }

​

  rollEdges() {

    if (this.position.x > width) this.position.x = 0;

    if (this.position.x < 0) this.position.x = width;

    if (this.position.y > height) this.position.y = 0;

    if (this.position.y < 0) this.position.y = height;

  }

​

  findNeighbors(boids) {

    let n = [];

​

    let range = new Circle(this.position.x, this.position.y, this.perception);

    let q = qtree.query(range)

​

    for (let other of q) {

      if (other.userData != this) {

        n.push(other.userData);

      }

    }

    return n;

  }

​

  flight() {

    let steering = createVector();

    let mouse = createVector(mouseX, mouseY);

    let point = createVector( windowWidth * 2/3, windowHeight/2);

    let d1 = dist(this.position.x, this.position.y, mouse.x, mouse.y) + 0.1;

    let d2 = dist(this.position.x, this.position.y, point.x, point.y) + 0.1;

    let diff1 = p5.Vector.sub(mouse ,this.position); diff1.div(d1);

    let diff2 = p5.Vector.sub(point ,this.position); diff2.div(d2);

​

    steering.add(diff1);

    steering.add(diff2);

    steering.div(2);

    steering.setMag(this.maxSpeed);

    steering.sub(this.velocity);

    steering.limit(this.maxForce);

    return steering;

  }

​

​

  align(boids) {

    let steering = createVector();

    for (let other of boids) {

      steering.add(other.velocity);

    }

    if (boids.length > 0) {

      steering.div(boids.length);

      steering.setMag(this.maxSpeed);

      steering.sub(this.velocity);

      steering.limit(this.maxForce);

    }

    return steering;

  }

​

  cohesion(boids) {

    let steering = createVector();

    for (let other of boids) {

      steering.add(other.position);

    }

    if (boids.length > 0) {

      steering.div(boids.length);

      steering.sub(this.position);

      steering.setMag(this.maxSpeed);

      steering.sub(this.velocity);

      steering.limit(this.maxForce);

    }

    return steering;

  }

​

  separation(boids) {

    let steering = createVector();

    var desiredseparation = 25.0;

    var count = 0;

    for (let other of boids) {

      let d = dist(this.position.x, this.position.y, other.position.x, other.position.y);

​

      if ((d > 0) && (d < desiredseparation)) {

        let diff = p5.Vector.sub(this.position, other.position);

        diff.div(d);

        steering.add(diff);

        count++;

      }

    }

    if (count > 0) {

      steering.div(count);

      steering.setMag(this.maxSpeed);

      steering.sub(this.velocity);

      steering.limit(this.maxForce);

    }

    return steering;

  }

​

  update() {

    this.position.add(this.velocity);

    this.velocity.add(this.acceleration);

    this.velocity.limit(this.maxSpeed);

  }

​

  show() {

    push();

    strokeWeight(2);

    stroke(255);

    translate(this.position.x, this.position.y);

    rotate(this.velocity.heading());

    triangle(0, -3, 0, 3, 5, 0);

    pop();

  }

​

}