​

  constructor(x, y){

    this.loc = createVector(x, y);

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

    this.vel.mult(0.1);

  }

  update(){

    let randomMove = p5.Vector.random2D();

    this.loc.add(this.vel);

    this.vel.rotate(radians(random(-5, 5)));

    // Constrain the location to be within the canvas

    this.loc.x = constrain(this.loc.x, 0, width);

    this.loc.y = constrain(this.loc.y, 0, height);

  }

  show(){

    noStroke();

    fill(starfishCol);

    push();

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

    beginShape();

    let v = createVector(0, -100);

    for (let a = 0; a < 5; a += 1){

      v.rotate(radians(36));

      v.setMag(50);

      vertex(v.x, v.y);

      v.rotate(radians(36));

      v.setMag(100);

      curveVertex(v.x, v.y);

    }

    endShape(CLOSE);

    // circle(0, 0, 100);

    // Draw eyes

    fill(100);

    circle(-16 , -5, 15);

    circle(16, -5, 15);

    fill(0);

    circle(-16 , -5, 10);

    circle(16, -5, 10);

    pop();

    // Draw the arms. Help! I can't figure out how to

    // make them look right...

//     square(this.loc.x - 50, this.loc.y - 50, 100);

​

//     // In this one, I tried to draw rectangles

//     // Top

//     rect(this.loc.x - 10, this.loc.y - 80, 20, 80);

//     // Arms

//     rect(this.loc.x - 80, this.loc.y - 20, 80, 20);

//     rect(this.loc.x, this.loc.y - 20, 80, 20);

//     // Legs

//     rect(this.loc.x - 30, this.loc.y, 20, 80);

//     rect(this.loc.x + 10, this.loc.y, 20, 80);

  }

​

}