createCanvas(800, 800); // Create a canvas

  background(255); // White background

  noLoop(); // Prevent draw from looping

}

​

function draw() {

  translate(width / 2, height / 2); // Center the canvas

​

  let n = 5; // Number of shapes

​

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

    let x = random(-width / 2, width / 2); // Random x position

    let y = random(-height / 2, height / 2); // Random y position

    let size = random(30, 100); // Random size

​

    // Draw a random quadrilateral

    push();

    translate(x, y);

    fill(random(100, 255), random(100, 255), random(100, 255), 150); // Random transparent color

    noStroke();

    beginShape();

    for (let j = 0; j < 4; j++) {

      let vx = random(-size / 2, size / 2);

      let vy = random(-size / 2, size / 2);

      vertex(vx, vy);

    }

    endShape(CLOSE);

    pop();

​

    // Draw a random square

    push();

    translate(x, y);

    fill(random(100, 255), random(100, 255), random(100, 255), 150); // Random transparent color

    noStroke();

    rectMode(CENTER);

    rect(0, 0, size, size); // Draw square

    pop();

  }

}

​