let jinImages = [];

let jiyanImages = [];

let azadiImages = [];

​

function preload() {

  //load images into an array called imgs

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

    imgs[i] = loadImage("photos2/" + i + ".jpg"); //concatentate file name

  }

  //for (let i = 0; i < 6; i++) {

  //jinImages[i] = loadImage("jin/" + i + ".jpg"); //concatentate file name

  //}

}

​

function setup() {

  createCanvas(700, 200);

  noStroke();

  // Create a rectangle to fill the entire screen

  // and a smaller rectangle on top

  let grid = new EasyGrid({

    x: 10,

    y: 10,

    width: width - 20,

    height: height - 20,

    gutter: 10,

    columns: 3,

    rows: 1,

  });

​

  //got through the arrage of imgs and extract the blues and reds into each blues and reds array

​

  // Loop through each row and column dynamically

  for (let row = 1; row <= grid.state.rows; row++) {

    for (let col = 1; col <= grid.state.columns; col++) {

      let cell = grid.getModule(col, row);

​

      //pick a random image and draw it on each color layer

      let z = floor(random(imgs.length));

​

      print(z);

      image(imgs[z],cell.x, cell.y, cell.width, cell.height);

​

    }

  }

​

}

​