Image Storyboard - OpenProcessing

mySketch
xxxxxxxxxx
 
var captainamerica
var blackwidow
var wintersoldier 
var ironman 
var thor 
var title 
var image_number
​
function preload(){
​
captainamerica = loadImage ("captainamerica.png")
blackwidow = loadImage ("blackwidow.jpg")
wintersoldier= loadImage ("wintersoldier.png")
ironman= loadImage ("ironman.png")
thor = loadImage("thor.png")
title = loadImage("title.jpg")
}
​
​
​
function setup() {
  createCanvas(600, 600);
  imageMode(CENTER)
  image_number = 1
  image_number = 2
  image_number = 3
  image_number = 4 
  image_number = 5 
  
}
​
function draw() {
  background(0);
  
  if(image_number==1){
    image(captainamerica, 250,250,100,100)
    textSize(25)
    fill(66, 135, 245)
    stroke(2)
    strokeWeight(5)
    text('BUCKY, GET DOWN', 250,50)
  }
    
    if(image_number==2){
      image(blackwidow, 300,300,150,150)
      textSize(30)
      fill(207, 21, 45)
      stroke(0)
      strokeWeight(3)
      text('Thats it i am going up there', 300,30)
    }
  
  if(image_number==3){
    image(wintersoldier, 500,500,350,350)
    textSize(40)
    fill(45, 48, 45)
    stroke(0)
    strokeWeight(4)
    text('COME GET ME, HAHAHA 🤪')
  }
  
  if(image_number==4){
    image(ironman, 350,350,100,100)
    textSize(20)
    fill(120, 8, 8)
    stroke(0)
    strokeWeight(3)
    text('I will keep you kick you if you do not')
  }
  
  if(image_number==5){
    image(thor, 300,300,350,350)
    textSize(25)
    fill(138, 43, 43)
    stroke(0)
    strokeWeight(2)
    text('just leave him 🙄')
    
    if(image_number==6){
  image(title,600,600,400,400)}
  }
  
  function keyTyped(){
  if(key== '1'){
    image_number=1
  
}
    if(key=='2'){
      image_number=2
    }
    
    if(key=='3'){
      image_number=3
    }
    
    if(key=='4'){
      image_number=4
    }
    
    if(key=='5'){
      image_number=5
    }
}
}