// Self Portrait 4
// Unseen Forces
// September 22, 2017 - John Clavin

var human;
var move = true;
var controlCounter;
var numOfObjects = 3800;
var switchProbability;
var restartFlag = false;

function preload() {
  human = loadImage("johnclavincolor.png");
}

function setup() {
  createCanvas(599, 702);
  frameRate(30);
  background(246);
  rectMode(CENTER);
  noStroke();
  initialize();
}

function draw() {
  controlCounter++;
  painting.run();
  if (controlCounter > 31) {
    restartFlag = true;
    noLoop();
  }
}

function mousePressed() {
  if (restartFlag === true) {
    if (isMouseOver() === true) {
      initialize();
      restartFlag = false;
      loop();
    }
  }
  return false;
}

function Painting() {
  this.paintObjects = [];
  this.attractors = [];

  this.addObject = function(pos, truColor) {
    var p = new PaintObject(pos, truColor);
    this.paintObjects.push(p);
  }

  this.addRandColor = function(oNumber) {
    var r = this.paintObjects[floor(random(numOfObjects))].truColor;
    this.paintObjects[oNumber].randomColor = r;
    if (random(100) > switchProbability) {
      this.paintObjects[oNumber].gSwitch = true;
    } else {
      this.paintObjects[oNumber].gSwitch = false;
    }
  }

  this.addAttractor = function(a) {
    this.attractors.push(a);
  }

  this.assignAttractors = function(aNumber) {
    var pA1 = this.attractors[0];
    var pA2 = this.attractors[1];
    var pA3 = this.attractors[2];
    var pA4 = this.attractors[3];
    this.paintObjects[aNumber].attractor1 = pA1;
    this.paintObjects[aNumber].attractor2 = pA2;
    this.paintObjects[aNumber].attractor3 = pA3;
    this.paintObjects[aNumber].attractor4 = pA4;
  }

  this.run = function() {
    for (var i = 0; i < this.paintObjects.length; i++) {
      this.paintObjects[i].update();
      this.paintObjects[i].calcAttraction();
      this.paintObjects[i].render();
    }
  }
}

function PaintObject(pos, truColor) {
  this.humanPos = pos;
  this.truColor = truColor;
  this.randomColor;
  this.objectColor;
  this.movingPos = this.humanPos;
  this.velocity = createVector(0, 0);
  this.gSwitch;
  this.attractor1;
  this.attractor2;
  this.attractor3;
  this.attractor4;

  this.calcAttraction = function() {
    if (move === true) {
      var force1 = p5.Vector.sub(this.attractor1, this.movingPos);
      var force2 = p5.Vector.sub(this.attractor2, this.movingPos);
      var force3 = p5.Vector.sub(this.attractor3, this.movingPos);
      var force4 = p5.Vector.sub(this.attractor4, this.movingPos);
      force1.normalize();
      force2.normalize();
      force3.normalize();
      force4.normalize();
      force1.mult(random(0.5, 3.0));
      force2.mult(random(0.5, 3.0));
      force3.mult(random(0.5, 3.0));
      force4.mult(random(0.5, 3.0));
      var subTotal_1 = p5.Vector.sub(force1, force2);
      var subTotal_2 = p5.Vector.sub(force3, force4);
      var forceTotal = p5.Vector.sub(subTotal_1, subTotal_2);
      this.velocity = forceTotal;
    } else {
      this.velocity = createVector(0, 0);
    }
  }

  this.update = function() {
    this.movingPos.add(this.velocity);
  }

  this.render = function() {
    if (this.gSwitch === true) {
      this.objectColor = this.truColor;
    } else {
      this.objectColor = this.randomColor;
    }
    var rectSize = 6;
    fill(this.objectColor);
    rect(this.movingPos.x, this.movingPos.y, rectSize, rectSize);
  }
}

function initialize() {
  background(246);
  controlCounter = 0;
  switchProbability = random(11, 39);
  painting = new Painting();
  human.loadPixels();
  for (var i = 0; i < numOfObjects; i++) {
    var rndX = floor(random(600));
    var rndY = floor(random(703));
    var pixelNumber = (rndY * width + rndX) * 4;
    var redAmount = human.pixels[pixelNumber];
    var greenAmount = human.pixels[pixelNumber + 1];
    var blueAmount = human.pixels[pixelNumber + 2];
    var truColor = color(redAmount, greenAmount, blueAmount);
    painting.addObject(createVector(rndX, rndY), truColor);
  }

  var attractor = createVector(random(10, 260), random(10, 300));
  painting.addAttractor(attractor);
  attractor = createVector(random(340, 580), random(10, 300));
  painting.addAttractor(attractor);
  attractor = createVector(random(10, 260), random(300, 680));
  painting.addAttractor(attractor);
  attractor = createVector(random(340, 580), random(300, 680));
  painting.addAttractor(attractor);

  for (var j = 0; j < numOfObjects; j++) {
    painting.addRandColor(j);
    painting.assignAttractors(j);
  }
}

function isMouseOver() {
  if ((mouseX < 0) || (mouseX > width) || (mouseY < 0) || (mouseY > height)) {
    return false;
  } else {
    return true;
  }
}