Cycling Through Images

// array 

// a list of different variables 

​

// ------------------------

// GLOBAL VARIABLE SPACE  

​

let design;  

let avc; 

let imageList = [];

let widthList = [];

let heightList = []; 

let imageNumber; 

​

// ------------------------

// PRELOAD 

function preload(){

  design = loadImage("designgroup.png");

  avc = loadImage("avc.jpg"); 

}

​

// ------------------------

// MAIN FUNCTIONS 

​

function setup() {

  createCanvas(400, 400);

  // Initialize Arrays 

  imageList = [design,avc]; // arrays start at 0;

  widthList = [200,100];

  heightList = [450,100];

  // Initialize Variables 

  imageNumber = 0; 

  // Mode

  imageMode(CENTER); 

}

function draw() {

  background(0);

  image(imageList[imageNumber],200,200,widthList[imageNumber],heightList[imageNumber]);

}

​

// ------------------------

// INTERACTIVE FUNCTIONS 

​

function keyPressed(){

  if(keyCode === RIGHT_ARROW){

    // increase imageNumber value 

    imageNumber++;

    // this number is 1 because I only have 2 items in my array 

    if(imageNumber > 1){

        imageNumber = 0; 

    }

  }

}

function mousePressed(){

}