Covid Timeline

// GLOBAL VARIABLE SPACE

let girls;

let virtual;

let mask;

let graduation;

let vaccination;

let imageList = [];

let imageNumber = 0;

​

// PRELOAD

function preload() {

  girls = loadImage("girls.jpeg");

  virtual = loadImage("virtual.jpeg");

  mask = loadImage("mask.jpeg");

  graduation = loadImage("graduation.jpg");

  vaccination = loadImage("vaccination.jpeg");

}

​

function setup() {

  createCanvas(400, 400);

  imageList = [girls, virtual, mask, graduation, vaccination];

​

  rectMode(CENTER);

  imageMode(CENTER);

}

​

function draw() {

  frameRate(1);

  background(71, 115, 237);

  textSize(30);

  text("The Timeline Of Covid", 48, 49);

​

  image(imageList[imageNumber], 200, 200, 300, 300);

}

​

// INTERACTIVE FUNCTION

​

function keyPressed() {

  if (keyCode === RIGHT_ARROW) {

    imageNumber++;

​

    if (imageNumber > 4) {

      imageNumber = 0;

    }

  }

}

​