​

// pré-chargement de l'image

function preload() {

  img = loadImage('assets/cyborg-manifesto.jpg');

}

​

function setup() {

  createCanvas(500, 500);

  // affichage de l'image

  image(img, 0, 0);

}

​

function draw() {

  // définir un point x1 et y1 aléatoire, ce point sera le point d'origin de la récupération des pixels

  var x1 = random(width);

  var y1 = random(height);

  // définir un point x2 et y2 en fonction des points x1 et y1, round() permet d'arrondir un chiffre décimal, ce point sera le nouveau point d'origine de l'endroit où sera copié/collé la zone de pixels 

  var x2 = round(x1 + random(-10, 10));

  var y2 = round(y1 + random(-10, 10));

​

  // choisir la taille de la zone de pixels à copier coller w étant la largeur et h la hauteur

  var w = 100;

  var h = 10;

  // copie la zone de pixels au nouveau point

  set(x2, y2, get(x1, y1, w, h));

}

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

  }   

}

​