sketch.js

var population;
var lifespan = 150;
var lifeP;
var count = 0;
var target;
var maxforce = 1.5;
var numberofhits = 0;
var numberofhitsP;
var locked = undefined;
var obstacles = [];
var mutationRate = 0.025;
var flag = false;
function reset() {
  population.reset();
  this.obstacles = [];
}

function Target1() {
  this.pos = createVector(width / 2, 50);
  this.r = 30;
  this.color = [color(0, 0, 255), color(255, 255, 255), color(255, 0, 0)];

  this.show = function () {
    noStroke();
    for (var i = 0; i < this.color.length; i++) {
      fill(this.color[i]);
      ellipse(this.pos.x, this.pos.y, this.r - 10 * i, this.r - 10 * i);
    }
  };
}

function setup() {
  createCanvas(windowWidth * 0.9, windowHeight * 0.7);
  population = new Population();
  lifeP = createP();

  numberofhitsP = createP();

  target1 = new Target1();
  numberofhitsP.style("color:white");

  lifeP.style("color:white");
}

function draw() {
  background(0);
  population.run();

  lifeP.html("Iterations for this epoch: " + count);
  numberofhitsP.html("Number of Hits in this epoch: " + numberofhits);

  count++;
  if (count == lifespan) {
    population.evaluate();
    population.selection();
    count = 0;
    numberofhits = 0;
  }

  if (drawrect) {
    if (locked == true) {
      var w = abs(mouseX - startPos.x);
      var h = abs(mouseY - startPos.y);
      var tempColor = color(120);
      tempColor.setAlpha(100);
      stroke(20);
      fill(tempColor);
      var corner = createVector(
        mouseX < startPos.x ? mouseX : startPos.x,
        mouseY < startPos.y ? mouseY : startPos.y
      );
      rect(corner.x, corner.y, w, h);
    } else if (locked == false) {
      console.log("Ahoy");
      var temp = new Obstacle();
      console.log(temp);
      obstacles.push(temp);
      drawrect = false;
      locked = undefined;
    }
  }

  for (var i = 0; i < obstacles.length; i++) {
    obstacles[i].show();
  }
  fill(color(255, 110, 0));
  target1.show();
}