// Square Painting 2
// August 6, 2019 -- John Clavin
// San Bernardino, California

var orderArray_C = [];
var arrayTruth = [];
var segment;
var pRadius;
var controlCounter;
var numOfObjects = 2000;
var numOfPoints = 200;
var restartFlag = false;

function setup() {
  createCanvas(800, 800);
  frameRate(60);
  background(246);
  noStroke();
  segment = width / 4;
  pRadius = 60;
  initialize();
}

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

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

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

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

  this.createColors = function() {
    this.colorArray[0] = color(random(140, 200), random(40, 100), random(40, 100));
    this.colorArray[1] = color(random(40, 100), random(140, 200), random(40, 100));
    this.colorArray[2] = color(random(40, 100), random(40, 100), random(140, 200));
    this.colorArray[3] = color(random(140, 200), random(140, 200), random(40, 100));
    this.colorArray[4] = color(random(40, 100), random(140, 200), random(140, 200));
    this.colorArray[5] = color(random(140, 200), random(40, 100), random(140, 200));
    this.colorArray[6] = color(random(120, 180), random(100, 160), random(20, 120));
    this.colorArray[7] = color(random(20, 120), random(80, 140), random(100, 160));
    this.colorArray[8] = color(random(100, 160), random(20, 120), random(100, 160));
  }

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

function PaintObject(pos, objectColor) {
  this.circlePos = pos;
  this.objectColor = objectColor;
  this.movingPos = this.circlePos;

  this.update = function() {
    var moveAmt = 2;
    this.x_decision = floor(random(3, 6));
    if (this.x_decision == 3) {
      this.spreadto_x = -moveAmt;
    } else if (this.x_decision == 4) {
      this.spreadto_x = 0;
    } else {
      this.spreadto_x = moveAmt;
    }
    this.y_decision = floor(random(3, 6));
    if (this.y_decision == 3) {
      this.spreadto_y = -moveAmt;
    } else if (this.y_decision == 4) {
      this.spreadto_y = 0;
    } else {
      this.spreadto_y = moveAmt;
    }
    this.spreadto_x += this.movingPos.x;
    this.spreadto_y += this.movingPos.y;
    this.movingPos.x = this.spreadto_x;
    this.movingPos.y = this.spreadto_y;
  }

  this.render = function() {
    var pointSize = 3;
    fill(this.objectColor);
    ellipse(this.movingPos.x, this.movingPos.y, pointSize, pointSize);
  }
}

function initialize() {
  background(230);
  controlCounter = 0;
  createOrderArray();
  painting = new Painting();
  painting.createColors();
  var jcRadians = 0;
  var center_X;
  var center_Y;
  var point_X;
  var point_Y;
  var colorIndex;
  var oColor;

  center_X = segment;
  center_Y = segment;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[0];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
  center_X = segment * 2;
  center_Y = segment;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[1];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
  center_X = segment * 3;
  center_Y = segment;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[2];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
  center_X = segment;
  center_Y = segment * 2;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[3];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
  center_X = segment * 2;
  center_Y = segment * 2;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[4];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
  center_X = segment * 3;
  center_Y = segment * 2;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[5];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
  center_X = segment;
  center_Y = segment * 3;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[6];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
  center_X = segment * 2;
  center_Y = segment * 3;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[7];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
  center_X = segment * 3;
  center_Y = segment * 3;
  for (let i = 0; i < numOfPoints; i++) {
    jcRadians = jcRadians + 0.0315;
    point_X = center_X + cos(jcRadians) * pRadius;
    point_Y = center_Y + sin(jcRadians) * pRadius;
    colorIndex = orderArray_C[8];
    oColor = painting.colorArray[colorIndex];
    fill(oColor);
    ellipse(center_X, center_Y, pRadius * 1.5, pRadius * 1.5);
    painting.addObject(createVector(point_X, point_Y), oColor);
  }
}

function createOrderArray() {
  arrayTruth = [true, true, true, true, true, true, true, true, true];
  for (let i = 0; i < 9; i++) {
    let rn = randOrder(9);
    orderArray_C[i] = rn;
  }
}

function randOrder(amount) {
  this.amount = amount;
  let goodNumber;
  let notFound = true;

  while (notFound) {
    let candidate = floor(random(this.amount));
    if (arrayTruth[candidate] == true) {
      goodNumber = candidate;
      arrayTruth[candidate] = false;
      notFound = false;
    }
  }
  return goodNumber;
}

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