My Sketch

//I think I did a lot of things wrong, because all of the clumsiness aside, I can't even type anymore? It's very laggy ;-;

​

​

var rows = 22;

var cols = 22;

var distanceX = 30;

var distanceY = 30;

​

var rows2 = 50

var cols2 = 80;

var diistanceX = 5;

var diistanceY = 20;

​

​

function setup() {

  createCanvas(400, 400);

  background(71, 101, 122);

  noStroke();

​

}

​

function draw() {

rectMode(CENTER);

  background(71, 101, 122);

​

  var disorder = map(mouseX, 0, width, 0, 20, true);

​

  for (var r = 1; r <= rows; r++) {

    for (var c = 1; c <= cols; c++) {

​

      var randomShiftX = random(-disorder, disorder);

      var randomShiftY = random(-disorder, disorder);

​

      var x = c * distanceX + randomShiftX;

      var y = r * distanceY + randomShiftY;

      fill(112, 182, 222, 80);

      rect(x, y, 80, 60);

​

    }

  for (var j = 1; j <= rows2; j++) {

    for (var k = 1; k <= cols2; k++) {

​

      var randomShiftX = random(-disorder, disorder);

      var randomShiftY = random(-disorder, disorder);

​

      var x = j * diistanceX + randomShiftX;

      var y = k * diistanceY + randomShiftY;

      fill(225, 225, 225);

      ellipse(x, y, 3, 5);

    }

    }

  }

}