var smallPoint

var largePoint;

​

// pré-chargement de l'image

function preload() {

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

}

​

function setup() {

  createCanvas(720, 400);

  // définir la taille minimum et la taille maximum du pixel à dessiner

  smallPoint = 4;

  largePoint = 40;

  imageMode(CENTER);

  noStroke();

  background(255);

  img.loadPixels();

}

​

function draw() {

  // mapper la taille du point suivant la position de la souris

  var pointillize = map(mouseX, 0, width, smallPoint, largePoint);

  // définir la position x et y des points

  var x = floor(random(img.width));

  var y = floor(random(img.height));

  // récupérer la coueleur de l'iamge

  var pix = img.get(x, y);

  // remplir les points avec la couleur original du pixel

  fill(pix, 128);

  // dessiner le point

  ellipse(x, y, pointillize, pointillize);

}

​

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

  }   

}