class Boid {

  constructor() {

    this.pos = createVector(random(-10, 10), random(-10, 10), random(-10, 10));

    this.vel = createVector(random(-0.1, 0.1), random(-0.1, 0.1), random(-0.1, 0.1));

  }

​

  move() {

    this.pos.add(this.vel);

    this.vel.add(this.acc);

  }

​

  display() {

    push();

    angleMode(RADIANS); 

    translate(this.pos);

    var right = p5.Vector(this.vel.x, 0, this.vel.z);

    rotate(atan(this.vel.y/ this.vel.x), right);

    rotateY(atan2(-this.vel.z, this.vel.x));

​

    let r = 2.0;

    beginShape(TRIANGLES);

    beginShape();

    vertex(0, 0, 0); // head

    vertex(-10, 0, 0); // tail

    vertex(-10, 0, 10); // tail

​

    vertex(0, 0, 0); // head

    vertex(-10, 0, 0); // tail

    vertex(-10, 0, -10); // tail

    endShape();

    endShape();

​

    pop();

  }

}

​

let boids = [];

​

function setup() {

  createCanvas(600, 600, WEBGL);

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

    boids.push(new Boid());

  }

}

​

function draw() {

  orbitControl();

​

  background(220);

  for (let boid of boids) {

    boid.move();

    boid.display();

  }

}