xxxxxxxxxx
//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);
}
}
}
}