​

function preload() {

  puzzle1 = loadImage("1.png");

  puzzle2 = loadImage("2.png");

  puzzle3 = loadImage("3.png");

  puzzle4 = loadImage("4.png");

  puzzle5 = loadImage("5.png");

  puzzle6 = loadImage("6.png");

  puzzle7 = loadImage("7.png");

  puzzle8 = loadImage("8.png");

  puzzle9 = loadImage("9.png");

  puzzle10 = loadImage("10.png");

  puzzle11 = loadImage("11.png");

  puzzle12 = loadImage("12.png");

  puzzle13 = loadImage("13.png");

  puzzle14 = loadImage("14.png");

  puzzle15 = loadImage("15.png");

  puzzle16 = loadImage("16.png");

  puzzle17 = loadImage("17.png");

  puzzle18 = loadImage("18.png");

  puzzle19 = loadImage("19.png");

  puzzle20 = loadImage("20.png");

  puzzle21 = loadImage("21.png");

  puzzle22 = loadImage("22.png");

  puzzle23 = loadImage("23.png");

  puzzle24 = loadImage("24.png");

  puzzle25 = loadImage("ordered.png");

  ordered = loadImage("ordered.png");

}

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(236, 233, 229);

  frameRate(2);

  paste();

  drawGrid();

​

  //when keyIsPressed, show the original diary

  if (mouseIsPressed) {

    image(ordered, 0, 0);

    console.log("Caution! someone checked your diary...");

    textAlign(CENTER);

    noStroke();

    textSize(15);

    fill(0);

    textFont('Courier New');

    text("⚠️ Why are you peeking at my diary? ⚠️", 300, 25);

  }

}

​

function paste() {

​

  for (p = 0; p < 26; p++) {

    // puzzleNum = "puzzle" + p;

    // console.log(puzzleNum);

​

    //create a list for x, y coordinates

    let list = ["0", "120", "240", "360", "480"];

    // console.log(list[2]);

​

    let x = random(list);

    let y = random(list);

​

    //weird list for all the pieces, wtf

    let puzzleList = [puzzle1, puzzle2, puzzle3, puzzle4, puzzle5, puzzle6, puzzle7, puzzle8, puzzle9, puzzle10, puzzle11, puzzle12, puzzle13, puzzle14, puzzle15, puzzle16, puzzle17, puzzle18, puzzle19, puzzle20, puzzle21, puzzle22, puzzle23, puzzle24, puzzle25];

​

    // image(random(puzzleList), x, y);

        let posX,posY;

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

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

         // posX = mat[i][j];

         // posY = mat[j][i];

        posX =list[i];

        posY =list[j];

        let picked= int(random(puzzleList.length));

        image(puzzleList[picked], posX, posY);

        puzzleList.splice(picked,1);

      }

    }

​

  }

}

​

function drawGrid() {

  for (let x = 0; x < 5; x++) {

    for (let y = 0; y < 5; y++) {

      noFill();

      stroke(250);

      strokeWeight(2);

      rect(x * 120, y * 120, 120, 120);

    }

  }

}