var img;

// choisir la distance en px entre deux images

var distance = 60;

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

var x; 

var y; 

var colorCount = 20;

var hueValues = [];

var saturationValues = [];

var brightnessValues = [];

var actRandomSeed = 0;

​

// pré-charger l'image 

function preload() {

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

  img = loadImage('pied-min.png');

}

​

function setup() {

   createCanvas(700, 600);

  colorMode(75, 245, 82, 15);

  noStroke();

background(6,19,5);

  // 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("DESSINER AVEC LA SOURIS", width/4, height/4);

 // enlever le contour du rectangle

 // ajouter une couleur au rectangle 

​

}

​

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

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

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

    x = mouseX; 

    y = mouseY;

   fill(67, 28, 146);

  // tout ce qu'on écrire comme instructions ici va s'exécuter seulement quand on va dragguer la souris = clic + déplacement

  ellipse(mouseX, mouseY, 0, 0); 

  }

}

​

​

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

  }

}

​

​

​

​

​