marilyn

var photo;

var face;

var hair;

var details;

var rows;

var cols;

var imageW = 100;

var imageH = 100;

function preload() {

  photo = loadImage("marilyn-photo.png");

  face = loadImage("marilyn-face.png");

  hair = loadImage("marilyn-hair.png");

  details = loadImage("marilyn-details.png");

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  noStroke();

  colorMode(HSB);

}

​

function mousePressed() {

  rows = windowHeight / imageH

  cols = windowWidth / imageW

  for (let r = 0; r < rows; r++) {

  for (let c = 0; c < cols; c++) {

    blendMode(BLEND);

  rect(c * imageW, r * imageH, imageW, imageH);

    fill(random(1, 150), 10, 150);

​

  image(details, c * imageW, r * imageH, imageW, imageH);

    tint(random(1, 150), 10, 150);

  image(face, c * imageW, r * imageH, imageW, imageH);

    tint(random(1, 150), 10, 150);

  image(hair, c * imageW, r * imageH, imageW, imageH);

    tint(random(1, 150), 10, 150);

  blendMode(MULTIPLY);

  image(photo, c * imageW, r * imageH, imageW, imageH);

  blendMode(BLEND);

    }

  }

}