Donut - OpenProcessing

mySketch
xxxxxxxxxx
 
let title
let hungry
let store
let making
let almost
let donut
let i = 0
​
let text0 = "donut makes a donut"
let text1 = "donut is hungry."
let text2 = "donut goes to the store."
let text3 = "donut starts cooking"
let text4 = "almost done"
let text5 = "all finshed!!"
​
function preload(){
  title = loadImage('pg5.jpg')
  hungry = loadImage('pg1.jpg')
  store = loadImage('pg2.jpg')
  making = loadImage('pg3.jpg')
  almost = loadImage('pg4.jpg')
  donut = loadImage('pg6.jpg')
}
​
function keyPressed(){
  if (keyCode == LEFT_ARROW)
    {
      i--
    }
  if (keyCode == RIGHT_ARROW)
    {
      i++
    
    }
}
function setup() {
    createCanvas(600, 400);
  imageMode(CENTER)
  textSize(15)
}
​
function draw() {
  background(46, 196, 182);
  
  if (i == 0)
    {
      image(title,300,230,500,300)
      text(text0,50,60)
    }
  if (i == 1)
    {
      image(hungry,300,230,500,300)
      text(text1,50,60)
    }
  if (i == 2)
    {
      image(store,300,230,500,300)
      text(text2,50,60)
    }
  if (i == 3)
    {
      image(making,300,230,500,300)
      text(text3,50,60)
    }
  if (i == 4)
    {
      image(almost,300,230,500,300)
      text(text4,50,60)
    }
  if (i == 5)
    {
      image(donut,300,230,500,300)
      text(text5,50,60)
    }
  if (i > 5)
    {
      i = 0
    }
  if (i < 0)
    {
      i = 5
    }
}