// cette variable va stocker toutes les images c'est un tableau ou array

var imgs = [];

// cette variable va stocker l'image à afficher

var img;

// cette variable va compter à quelle image on en est

var counter = 0;

​

var n = 0;

var m = 60;

​

// pré-chargement de l'image

function preload() {

  // ajouter des images

  imgs[0] = loadImage('assets/Volcan1.jpg');

  imgs[1] = loadImage('assets/nana.png');

  imgs[2] = loadImage('assets/Screen1.png');

  imgs[3] = loadImage('assets/pero.jpeg');

  imgs[4] = loadImage('assets/Volcan2.jpg');

}

​

function setup() {

  createCanvas(500, 500);

  // supprimer le contour

  noStroke();

  // changer le nombre d'images par secondes

  frameRate(1);

  // afficher la première image

  img = imgs[counter];

}

​

​

function draw() {

  image(img, 0,0, 500,500);

  // remplir une forme

  fill(random(255), random(255), random(255));

  // répéter une action

//  for(var i=0; i<100; i++){

    // si on veut que toutes les ellipses aient des couleurs différentes

    fill(random(n), random(n), random(n));

    ellipse(random(width), random(height), (m),(m));

//  }

}

​

// fonction qui s'exécute quand une touche est relâché

function keyReleased() {

  // appuyer sur "s" permet d'enregistrer l'image

  if (key == 's' || key == 'S')  {

    saveCanvas(year()+month()+day()+'-'+hour()+ minute() + second() +'_sketch'+ '.jpg');

  }   

  if (key == 'c' || key == 'C')  {

    // augmenter le compteur pour passer à la nouvelle image

    // si le compteur est plus petit que le nombre d'images

    if(counter < imgs.length - 1){

      //ajouter 1 à counter

      counter ++;

      // changer l'image par la nouvelle

      img = imgs[counter];

      n=n+50

    }

    // sinon retourner à la première image

    else{

      counter = 0;

      img = imgs[counter];

      n=0

    }

  }   

}