​

var col = {

  r: 255,

  g: 0,

  b: 0

}

​

var spot = {

  x: 100,

  y: 100

}

​

function preload() {

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

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

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

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

  img5 = loadImage("compOver-01.png");

}

​

function setup() {

  c = createCanvas (540, 540)

  background(0)

  noLoop();

}

​

function draw() {

  image(img1, 0, 0);

  blendMode(HARD_LIGHT);

  spot.x = random(0, 600);

  spot.y = random(0, 600);

  image(img2, 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();

  rect(0, 0, 1080, 1080);

  spot.x = random(0, 540);

  spot.y = random(0, 540);

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

    spot.x = random(0, 540);

    spot.y = random(0, 540);

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

  filter(DILATE)

  blendMode(SOFT_LIGHT);

  blendMode(MULTIPLY);

  image(img5, 0, 0);

}

​

​

function mousePressed() {

  window.location.reload()

}

​

function keyPressed() {

​

  // If you hit the s key, save an image

  if (key == '7') {

    save("randomComposition.png");

  }

}

​