var img;

var img2; 

// ajouter un compteur de clic

var compteur = 0; 

// choisir la distance en px entre deux images

var distance = 50;

// ces deux variables permettent de calculer la position des images 

var x; 

var y; 

​

// pré-charger l'image 

function preload() {

  // ajouter le chemin de l'image après avoir ajouté une image dans le dossier assets 

  img = loadImage('assets/08.jpg');

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

}

​

function setup() {

  createCanvas(400, 400);

  // changer le mode de l'image pour que la souris soit au centre de l'image

  imageMode(CENTER);

  // initialiser x et y à la position de la souris

  x = mouseX; 

  y = mouseY;

  // écrire les instructions pour le début 

  textAlign(CENTER);

  text("Dessinez avec la souris", width/2, height/2);

}

​

function mousePressed(){

  compteur = compteur + 1; 

  if(compteur == 3){

    compteur = 0;

  }

}

​

// cette fontion est executée quand on clic et déplace la souris

function mouseDragged(){

  // permet de calculer la distance entre le point d'avant et la position de la souris

  var d = dist(x, y, mouseX, mouseY);

  // si la position de la souris est plus grande que la distance voulue entre deux images

  if (d > distance) {

    // alors on affiche l'image 

    // il est possible d'augmenter la taille de l'image en modifiant le chiffre 10 par un chiffre plus petit et inversement

    if(compteur == 1){

      image(img, mouseX, mouseY, img.width/10, img.height/10);

    }

    if(compteur == 2){

      image(img2, mouseX, mouseY, img2.width/20, img2.height/20);

    }

    // on met à jour x et y avec les positions de la souris

    x = mouseX; 

    y = mouseY;

  }

}

​

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() +'_pixels'+ '.jpg');

  }   

}