let canvasWidth = 6000;

let canvasHeight = 3000;

​

function setup() {

  createCanvas(canvasWidth, canvasHeight);

  background(0);

​

  // Generate squares

  for (let i = 0; i < 3500; i++) {

    let squareSize = random(50, 200); // Adjust the size range as needed

    let posX = random(width - squareSize);

    let posY = random(height - squareSize);

​

    let newSquare = {

      x: posX,

      y: posY,

      size: squareSize

    };

​

    // Check for overlap

    let overlapping = false;

    for (let j = 0; j < squares.length; j++) {

      let other = squares[j];

      let distance = dist(newSquare.x + newSquare.size / 2, newSquare.y + newSquare.size / 2, other.x + other.size / 2, other.y + other.size / 2);

      if (distance < (newSquare.size + other.size) / 2) {

        overlapping = true;

        break;

      }

    }

​

    // If not overlapping, add to the array and draw

    if (!overlapping) {

      squares.push(newSquare);

      stroke(255);

      strokeWeight(3);

      noFill();

      rect(newSquare.x, newSquare.y, newSquare.size, newSquare.size);

    }

  }

}

​