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

function preload() {

  img = loadImage('DSC06231 ff.jpg');

}

  function setup() {

  createCanvas(600, 600);

  background(250,179, 208);

  fill(208, 229, 252);

  stroke(249, 225, 229);

  strokeWeight(2)

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

  var tileCountX = 10;

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

  var tileCountY = 10;

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

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

​

    }

  }

​

}

​

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

function mouseDragged() {

   ellipse  (mouseX+10, mouseY,30);

  fill (203, 229, 252);

   ellipse (mouseX+10, mouseY,10);

  fill (130, 156, 242);

​

}