let sqr = [];

let i = 0;

let sz = 30;

let qX, qY, qSizeX, qSizeY;

let qOffsetX,

  qOffsetY,

  qDiff = 5;

let t = 0,

  seed;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

​

  for (x = 0; x < width; x += sz) {

    for (y = 0; y < height; y += sz) {

      i++;

      sqr[i] = new Square(x, y, sz);

    }

  }

}

​

function mouseDragged() {

  for (let n = 1; n < sqr.length; n++) {

    sqr[n].switchShape(mouseX, mouseY);

  }

}

​

function mousePressed() {

  if (mouseX > 35 && mouseX < 56 && mouseY > 65 && mouseY < 86) {

    for (let n = 1; n < sqr.length; n++) {

      sqr[n].resetShape();

    }

  }

}

​

function draw() {

  print(mouseX, mouseY);

  randomSeed(seed, true);

  background(255);

  qOffsetX = ceil(qSizeX / sz) * sz;

  qOffsetY = ceil(qSizeY / sz) * sz;

​

  fill(0);

  rect(qX - qDiff, qY - qDiff, qOffsetX + qDiff * 2, qOffsetY + qDiff * 2, 10);

​

  sqr[30].display();

  sqr[30].clicked();

  sqr[30].checked();

​

  for (let n = 1; n < sqr.length; n++) {

    sqr[n].switchShapeDisplay();

    sqr[n].checked();

​

    //sqr[n].chaos();

  }

}

​

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

}

​