E.3.1 Exercise - OpenProcessing

mySketch
xxxxxxxxxx
 
​
​
let img;
function preload() {
  img = loadImage('1.png');
  img2 = loadImage('2.png');
  img3 = loadImage('3.png');
  img4 = loadImage('4.png');
  img5 = loadImage('5.png');
  img6 = loadImage('6.png');
  img7 = loadImage('7.png');
  img8 = loadImage('8.png');
}
function setup() {
  createCanvas(300,300);
  image(img, 0, 0);
f=0;
}
  
function mouseClicked() {
  if (mouseButton == LEFT && f == 0) {
  image(img, 0, 0);
    f = f + 1;
    
  }
  else if (mouseButton == LEFT && f == 1) {
  image(img2, 0, 0);
    f = f + 1;
    
      }
  else if (mouseButton == LEFT && f == 2) {
  image(img3, 0, 0);
    f = f + 1;
    
      }
  else if (mouseButton == LEFT && f == 3) {
  image(img4, 0, 0);
    f = f + 1;
    
      }
  else if (mouseButton == LEFT && f == 4) {
  image(img5, 0, 0);
    f = f + 1;
    
      }
  else if (mouseButton == LEFT && f == 5) {
  image(img6, 0, 0);
    f = f + 1;
    
      }
  else if (mouseButton == LEFT && f == 6) {
  image(img7, 0, 0);
    f = f + 1;
    
      }
  else if (mouseButton == LEFT && f == 7) {
  image(img8, 0, 0);
    f = f + 1;
  }
  else if (f>7){
  f = 0
  } 
​
    
​
    
  
    
  
​
}
​