let pink;

​

let imgs = []; //load an array of images

​

​

function preload() {

  //load images into an array called imgs

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

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

  }

}

​

function setup() {

  //createCanvas(700, 300);

  createCanvas(11 * 72, 17 * 72); // letter size

 // pixelDensity(1); //this compensates for density of retina screens

  noStroke();

  let red = new Riso('RED');

  // Create a rectangle to fill the entire screen

  // and a smaller rectangle on top

  let grid = new EasyGrid({

    x: 20,

    y: 20,

    width: width - 10,

    height: height - 10,

    gutter: 15,

    columns: 3,

    rows: 5,

  });

​

   // background("blue");

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

    let x=random(width);     

    let y=random(height);

​

  fill("pink");

  ellipse(x,y,20,20)

  ellipse(x-15,y+5,20,20)

  ellipse(x-25,y-5,20,20)

  ellipse(x-17,y-20,20,20)

  ellipse(x,y-15,20,20)

​

}

  background(255); 

  clearRiso();

​

  //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);

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

​

    }

  }

  drawRiso();

​

  function draw() {

​

}

​

function mouseClicked(){

  // background(0, 200, random(225));

  //background(random(225), 225, random(225));

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

    let x=random(width);     

    let y=random(height);

   // for (var x=50; x <= width; x += 50 ){

   //  for(var y=50; y<=height; y +=50){

  fill("pink");

  ellipse(x,y,20,20)

  ellipse(x-15,y+5,20,20)

  ellipse(x-25,y-5,20,20)

  ellipse(x-17,y-20,20,20)

  ellipse(x,y-15,20,20)

  // fill(255, 230, 51);

 fill ("pink");

  ellipse(x-12,y-7,22,22) 

   }

}

​

}

​

​

​

//function mouseClicked(){

//    exportRiso();

//}

​

​