var madameX = [];

var ophelia = [];

var awakening = [];

var pearl = [];

var letter = [];

var redact = [];

var div;

var grid = 4;

var randomCount = 9999999;

var day;

var frame = 1; //0=posters, 1=squares

​

function preload() {

  madameX[0] = loadImage("Images/MadameX_1.jpg");

​

  madameX[1] = loadImage("Images/MadameX_2.jpg");

​

  madameX[2] = loadImage("Images/MadameX_3.jpg");

​

  madameX[3] = loadImage("Images/MadameX_4.jpg");

​

  madameX[4] = loadImage("Images/MadameX_5.jpg");

​

  madameX[5] = loadImage("Images/MadameX_6.jpg");

​

  madameX[6] = loadImage("Images/MadameX_7.jpg");

​

  madameX[7] = loadImage("Images/MadameX_8.jpg");

​

  madameX[8] = loadImage("Images/MadameX_9.jpg");

​

  madameX[9] = loadImage("Images/MadameX_10.jpg");

​

  ophelia[0] = loadImage("Images/Ophelia_1.jpg");

​

  ophelia[1] = loadImage("Images/Ophelia_2.jpg");

​

  ophelia[2] = loadImage("Images/Ophelia_3.jpg");

​

  ophelia[3] = loadImage("Images/Ophelia_4.jpg");

​

  ophelia[4] = loadImage("Images/Ophelia_5.jpg");

​

  ophelia[5] = loadImage("Images/Ophelia_6.jpg");

​

  ophelia[6] = loadImage("Images/Ophelia_7.jpg");

​

  ophelia[7] = loadImage("Images/Ophelia_8.jpg");

​

  ophelia[8] = loadImage("Images/Ophelia_9.jpg");

​

  ophelia[9] = loadImage("Images/Ophelia_10.jpg");

  awakening[0] = loadImage("Images/Awakening_1.jpg");

  awakening[1] = loadImage("Images/Awakening_2.jpg");

  awakening[2] = loadImage("Images/Awakening_3.jpg");

  awakening[3] = loadImage("Images/Awakening_4.jpg");

  awakening[4] = loadImage("Images/Awakening_5.jpg");

  awakening[5] = loadImage("Images/Awakening_6.jpg");

  awakening[6] = loadImage("Images/Awakening_7.jpg");

  awakening[7] = loadImage("Images/Awakening_8.jpg");

  awakening[8] = loadImage("Images/Awakening_9.jpg");

  awakening[9] = loadImage("Images/Awakening_10.jpg");

  pearl[0] = loadImage("Images/Pearl_1.jpg");

  pearl[1] = loadImage("Images/Pearl_2.jpg");

  pearl[2] = loadImage("Images/Pearl_3.jpg");

  pearl[3] = loadImage("Images/Pearl_4.jpg");

  pearl[4] = loadImage("Images/Pearl_5.jpg");

  pearl[5] = loadImage("Images/Pearl_6.jpg");

  pearl[6] = loadImage("Images/Pearl_7.jpg");

  pearl[7] = loadImage("Images/Pearl_8.jpg");

  pearl[8] = loadImage("Images/Pearl_9.jpg");

  pearl[9] = loadImage("Images/Pearl_10.jpg");

​

  letter[0] = loadImage("Letters/M.jpg");

​

  letter[1] = loadImage("Letters/u.jpg");

​

  letter[2] = loadImage("Letters/s.jpg");

​

  letter[3] = loadImage("Letters/e.jpg");

​

  redact[0] = loadImage("Redact/Black_1.jpg");

​

  redact[1] = loadImage("Redact/Black_2.jpg");

}

​

function setup() {

  c = createCanvas(600, 600);

  print(letter[0].width);

  day = 0;

}

​

function draw() {

  background(0);

  randomSeed(randomCount);

  div = width / grid;

​

  for (var i = 0; i < 4; i++) {

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

      var x = i * div;

      var y = j * div;

      var randomimg = int(random(10));

      // pick image array based on day

      if (day == 0) {

        image(madameX[randomimg], x, y, div, div);

      }  else if (day == 1) {

        image(ophelia[randomimg], x, y, div, div);

      }  else if (day == 2) {

        image(awakening[randomimg], x, y, div, div);

      } else if (day == 3) {

        image(pearl[randomimg], x, y, div, div);

      }

​

​

      stroke(241, 189, 216);

      noFill();

      if(frame==0){

      strokeWeight(1);

      rect(50, 50, 490, 600);

      strokeWeight(3);

      rect(45, 45, 500, 600);

      }

      else {

      strokeWeight(1);

      rect(50, 50, 490, 490);

      strokeWeight(3);

      rect(45, 45, 500, 500);

      }

    }

  }

​

  //redaction

  var randomX = int(random(4));

  var randomY = int(random(4));

  image(redact[0], randomX * div, randomY * div, div, div);

  randomX = int(random(4));

  randomY = int(random(4));

  image(redact[1], randomX * div, randomY * div, div, div);

​

  //row 1 M

  var rando = int(random(4));

  image(letter[0], rando * div, 0, div, div);

  //row 2 u

  rando = int(random(4));

  image(letter[1], rando * div, 150, div, div);

  //row 3 s

  rando = int(random(4));

  image(letter[2], rando * div, 300, div, div);

  //row 4 e

  rando = int(random(4));

  image(letter[3], rando * div, 450, div, div);

} 

​

function mousePressed() {

  randomCount++;

}

​

function keyReleased() {

  if (key == "s" || key == "S") {

    saveCanvas(c, "myCanvas" + frameCount + ".jpg", ".jpg");

  } else if (key == "x" || key == "X") {

    background(255, 0, 0);

    } else if (key == "f" || key == "F") {

    frame++;

    if (frame > 1) {

    frame = 0;

    }

  } else if (key == "d" || key == "D") {

    randomCount++;

    day++;

    if (day > 3) {

    day = 0;

    }

  }

}

​