small town girl - OpenProcessing

mySketch
xxxxxxxxxx
 
let pagenum = 1;
​
var carnival;
var diner;
var cozy1;
var cozy2;
var newyork;
​
var prom; // music
​
function preload() {
  carnival = loadImage("carnival.jpg");
  diner = loadImage("diner.jpg");
  cozy1 = loadImage("cozy1.jpg");
  cozy2 = loadImage("cozy2.jpg");
  newyork = loadImage("newyork.jpg");
  prom = loadSound("prom.mp3");
}
​
function setup() {
  createCanvas(400, 400);
  rectMode(CENTER);
  imageMode(CENTER);
  prom.play();
}
​
function draw() {
  if (pagenum == 1) draw_carnival();
  if (pagenum == 2) draw_diner();
  if (pagenum == 3) draw_cozy1();
  if (pagenum == 4) draw_cozy2();
  if (pagenum == 5) draw_newyork();
}
​
function draw_carnival() {
  background(99, 125, 168);
  image(carnival, 200, 200, 300, 300);
  textSize(25);
  textFont("Georgia");
  text("every girl", 200, 385); //1
}
​
function draw_diner() {
  background(154, 137, 201);
  image(diner, 200, 200, 300, 300);
  textSize(25);
  textFont("Georgia");
  text("in a small town", 200, 385); //2
}
function draw_cozy1() {
  background(98, 35, 20);
  image(cozy1, 200, 200, 300, 300);
  textSize(25);
  textFont("Georgia");
  text("wants a small", 200, 385); //3
}
function draw_cozy2() {
  background(149, 48, 53);
  image(cozy2, 200, 200, 300, 300);
  textSize(25);
  textFont("Georgia");
  text("LIFE", 200, 385); //4
}
function draw_newyork() {
  background(47, 36, 23);
  image(newyork, 200, 200, 300, 300);
  textSize(25);
  textFont("Georgia");
  text("in a BIG city", 200, 385); //5
}
​
function keyPressed() {
  if (key == 1) {
    pagenum = 1;
    print("1");
  }
​
  if (key == 2) {
    pagenum = 2;
    print("2");
  }
​
  if (key == 3) {
    pagenum = 3;
    print("3");
  }
​
  if (key == 4) {
    pagenum = 4;
    print("4");
  }
​
  if (key == 5) {
    pagenum = 5;
    print("5");
  }
}
​