var gridSize = 55;

​

function preload() {

  dino = loadImage('image/dinosaur-egg.png');

  panda = loadImage('image/icons8-kiss-panda-64.png');

  orca = loadImage('image/icons8-orca-64.png');

  chick = loadImage('image/icons8-chick-64.png');

}

​

function setup() {

  createCanvas(400, 400);

  boolDoRefresh = true;

}

​

function draw() {

  var imgs = [dino, panda, orca, chick];

  if (boolDoRefresh) {

      background('pink');

    for (let x = 0; x <= width - gridSize; x += gridSize)   {

      for (let y = 0; y <= height - gridSize; y += gridSize) {

        let ranImg = random(imgs);

        let ranNum = int(random(0, 10));

        if (ranNum % 3 == 0) {

          image(ranImg, x, y);

        } 

        else{

          image(dino, x, y); 

        }

         boolDoRefresh = false;

      }

    }  

  }

}

​

function mousePressed() {

  boolDoRefresh = true;

}