​

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

function preload() {

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

}

​

function setup() {

  createCanvas(750, 750);

}

​

function draw() {

  // Taille de l'image

  var tileCountX = mouseX / 30 + 1;

  var tileCountY = mouseY / 30 + 1;

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

      // affiche de l'image dans la grille

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

    }

  }

}

​

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

  }   

}

​

​

​

​