let xoff2 = 06;

let xoff3 = 0.2;

​

function Boid(){

    this.location = createVector(random(width), random(height));

    this.velocity = p5.Vector.random2D();

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

    this.acceleration = createVector();

    this.maxSpeed = 4;

    this.maxForce = 1;

    this.calcSpeed;

​

    this.update = function() {

      this.location.add(this.velocity);

      this.velocity.add(this.acceleration);

      this.velocity.limit(this.maxSpeed);

      this.acceleration.mult(0);

      this.calcSpeed = String(this.velocity.magSq());

​

    }

​

    this.display = function() {

      stroke(0);

       fill(map(this.calcSpeed,0,20,60,255),map(this.calcSpeed,0,20,0,30),map(this.calcSpeed,0,10,30,70),map(this.calcSpeed,0,20,0,255));

      noStroke();

      rect(this.location.x,this.location.y,map(this.calcSpeed,0,15,150,1),map(this.calcSpeed,0,15,150,1));

      //ellipse(this.location.x,this.location.y,2,2);

    }

​

    this.edges = function() {

      if (this.location.x > width) {

        this.location.x = 0;

      } else if (this.location.x < 0) {

        this.location.x = width;

      }

​

      if (this.location.y > height) {

        this.location.y = 0;

      } else if (this.location.y < 0) {

        this.location.y = height;

      }

    }

​

    this.align = function(boids){

      let perceptionRadius = 250;

      let steering = createVector();

      let total = 0;

​

      for (let other of boids) {

        let d = dist(

          this.location.x,

          this.location.y,

          other.location.x,

          other.location.y

        );

        if (other != this && d < perceptionRadius) {

          steering.add(other.velocity);

          total++;

        }

      }

​

      if (total > 0) {

        steering.div(total);

        steering.setMag(this.maxSpeed);

        steering.sub(this.velocity);

        steering.limit(this.maxForce);

      }

      return steering;

​

    }

​

    this.separation = function(boids) {

        let perceptionRadius = 250;

        let steering = createVector();

        let total = 0;

        for (let other of boids) {

          let d = dist(

            this.location.x,

            this.location.y,

            other.location.x,

            other.location.y

          );

          if (other != this && d < perceptionRadius) {

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

            diff.div(d * d);

            steering.add(diff);

            total++;

          }

        }

        if (total > 0) {

          steering.div(total);

          steering.setMag(this.maxSpeed);

          steering.sub(this.velocity);

          steering.limit(this.maxForce);

        }

        return steering;

    }

​

    this.cohesion = function(boids){

        let perceptionRadius = 300;

        let steering = createVector();

        let total = 0;

        for (let other of boids) {

          let d = dist(

            this.location.x,

            this.location.y,

            other.location.x,

            other.location.y

          );

          if (other != this && d < perceptionRadius) {

            steering.add(other.location);

            total++;

          }

        }

        if (total > 0) {

          steering.div(total);

          steering.sub(this.location);

          steering.setMag(this.maxSpeed);

          steering.sub(this.velocity);

          steering.limit(this.maxForce);

        }

        return steering;

​

    }

    this.flock = function(boids){

​

        let cohesion = this.cohesion(boids);

        let alignment = this.align(boids);

        let separation = this.separation(boids);

​

        alignment.mult(alignSlider2);

        cohesion.mult(cohesionSlider2);

        separation.mult(separationSlider2);

​

        this.acceleration.add(alignment);

        this.acceleration.add(cohesion);

        this.acceleration.add(separation);

    }

  }

​

​

  let boids = [];

​

  function setup() {

    createCanvas(1080, 1920);

    background(90,30,30);

    noStroke();

​

    for (let i = 0; i < 160; i++) {

      boids[i] = new Boid();

    }

  }

​

  function draw() {

    background('rgba(120,60,90, 0.02)');

    xoff = xoff + 0.04;

    xoff2 = xoff2 + 0.035;

    xoff3 = xoff3 + 0.032;

​

    let n = noise(xoff);

    let n2 = noise(xoff2);

    let n3 = noise(xoff3);

​

    alignSlider2 = map(n,0,1,0,2);

    cohesionSlider2 = map(n2,0,1,0,2);

    separationSlider2 =  map(n3,0,1,0,2);

    for (let i = 0; i < boids.length; i++) {

​

      boids[i].edges();

      boids[i].update();

      boids[i].flock(boids);

      boids[i].display();

    }

​

  }

​