r: 255,

  g: 0,

  b: 0

}

​

var spot = {

  x: 100,

  y: 100

}

​

function preload() {

  img1 = loadImage("https://picsum.photos/1080/1080?grayscale&random=1");

  img2 = loadImage("https://picsum.photos/400/400?grayscale&random=2");

  img3 = loadImage("https://picsum.photos/800/800?grayscale&random=3");

  img4 = loadImage("https://picsum.photos/600/600?grayscale&random=3");

}

​

function setup() {

  createCanvas (1080, 1080)

  background(0)

  noLoop();

}

​

function draw() {

  image(img1, 0, 0);

  col.r = random(0, 255);

  col.g = random(0, 255);

  col.b = random(0, 255);

  fill(col.r, col.g, col.b, 150);

  noStroke();

  rect(0, 0, 1080, 1080);

  spot.x = random(0, 600);

  spot.y = random(0, 600);

  image(img2, spot.x, spot.y);

  spot.x = random(0, 600);

  spot.y = random(0, 600);

  image(img3, spot.x, spot.y);

  col.r = random(0, 255);

  col.g = random(0, 255);

  col.b = random(0, 255);

  fill(col.r, col.g, col.b, 150);

  noStroke();

  spot.x = random(0, 600);

  spot.y = random(0, 600);

  rect(spot.x, spot.y, 1080, 400);

  spot.x = random(0, 600);

  spot.y = random(0, 600);

  image(img4, spot.x, spot.y);

}

​

​

​