let tiles = [];

let tileSize = 100;

​

function preload() {

  img = loadImage("fish.jpeg");

}

​

function setup() {

  createCanvas(600, 600);

  background(255);

  image(img, 0, 0, 300, 200); // this actually displays the image

​

//   let newImg = img.get(200, 100, 300, 300);

//   image(newImg, 200, 300);

  let numTiles = img.height / tileSize;

  while (numTiles > 0) {

    tiles.push(

      img.get(

        int(random(img.width - tileSize)),

        int(random(img.height - tileSize)),

        tileSize,

        tileSize

      )

    );

    numTiles--;

  }

  imageMode(CENTER);

}

​

function keyPressed() {

  if (keyCode === LEFT_ARROW) {

   image(random(tiles), random(width), random(height));

  }

​

  if (keyCode === RIGHT_ARROW) {

    image(random(tiles), random(width), random(height));

  }

​

  //background(255);

}

​