var img2; 

​

// pré-chargement de l'image, l'image doit se trouver dans le dossier assets

function preload() {

  img = loadImage('assets/DSC07kkk641.JPG');

  img2 = loadImage('assets/DSC07jjjgg641.jpg');

}

​

function setup() {

  createCanvas(850, 850);

  // Le nombre d'images qu'il y a sur une ligne

  var tileCountX = 8;

  // Le nombre d'images qu'il y a sur une colonne

  var tileCountY = 8;

  // Calcul du nombre d'images dans la grille

  var stepX = width / tileCountX;

  var stepY = height / tileCountY;

  // création de la grille

  for (var gridY = 0; gridY < height; gridY += stepY) {

    for (var gridX = 0; gridX < width; gridX += stepX){

      // avoir un chiffre aléatoire soit 0 soit 1

      var imgRandom = random([0, 1]);

      // si le chiffre random est égal à 0

      if(imgRandom == 0){

        // alors affiche l'image numéro 1 dans la grille

        image(img, gridX + random(1), gridY+ random(1), stepX, stepY);

      }

      // si le chiffre random est égal à 1

      if(imgRandom == 1){

        // affiche l'image numéro 2 dans la grille

        image(img2, gridX, gridY, stepX, stepY);

      }

    }

    }

}

      // Fonction qui s'exécute quand la souris est draggué c'est-à-dire dans la souris est cliqué + déplacé

function mouseDragged() {

fill (93,135,183);

  stroke(250,179, 208);

  strokeWeight(1);

  ellipse (mouseX+50, mouseY,30);

}

​

​

​

function draw() {

​

}

​

// fonction qui s'exécute quand une touche est relâchée

function keyReleased() {

  // appuyer sur "s" permet d'enregistrer l'image

  if (key == 's' || key == 'S')  {

    saveCanvas(year()+month()+day()+'-'+hour()+ minute() + second() +'_grille'+ '.jpg');

  } 

  // appuyer sur effacer permet d'effacer tout

  if (keyCode == DELETE || keyCode == BACKSPACE){

    background(255);

  }   

}