var boids = [];

/**
 * P5js initialization
 */
function setup() {

  createCanvas(640, 480);

  for (var i = 0; i < 10; i++) {
    boids.push(new Boid(10*i, 10*i, 10));
  }

}

/**
 * P5js render loop
 */
function draw() {

  boids.forEach(
    Boid.prototype.display
  );

}

/**
 * Boid class
 */
function Boid(x_pos, y_pos, mass) {
  this.position= createVector(x_pos, y_pos);
  this.velocity = createVector(0, 0);
  this.acceleration = createVector(0, 0);
  this.mass = mass;
}

Boid.prototype = {
  constructor: Boid,
  update:function () {
    // TODO
  },
  display:function (self) { 
    ellipse(self.position.x, self.position.y, 80, 80);
  },
  checkEdges:function () { 
    // TODO
  }
}

function setup() {
  createCanvas(640, 480);
}

function draw() {
  ellipse(50, 50, 80, 80);
}

/**
 * Boid class
 */
function Boid(x_pos, y_pos, mass) {
  this.position= createVector(x_pos, y_pos);
  this.velocity = createVector(0, 0);
  this.acceleration = createVector(0, 0);
  this.mass = mass;
}

Boid.prototype = {
  constructor: Boid,
  update:function () {
    // TODO
  },
  display:function () { 
    // TODO
  },
  checkEdges:function () { 
    // TODO
  }
}

--- 
+++ 
@@ -1,9 +1,27 @@
+var boids = [];
+
+/**
+ * P5js initialization
+ */
 function setup() {
+
   createCanvas(640, 480);
+
+  for (var i = 0; i < 10; i++) {
+    boids.push(new Boid(10*i, 10*i, 10));
+  }
+
 }
 
+/**
+ * P5js render loop
+ */
 function draw() {
-  ellipse(50, 50, 80, 80);
+
+  boids.forEach(
+    Boid.prototype.display
+  );
+
 }
 
 /**
@@ -21,8 +39,8 @@
   update:function () {
     // TODO
   },
-  display:function () { 
-    // TODO
+  display:function (self) { 
+    ellipse(self.position.x, self.position.y, 80, 80);
   },
   checkEdges:function () { 
     // TODO
Implement Boid display method, uses arbitrary radius
