PFont font;

String[] quotes = {
  "quote A"
};

PImage a1;
PImage a2;
PImage a3;
PImage a4;

boolean A1on=false;
boolean A2on=false;
boolean A3on=false;
boolean A4on=false;

int gameState;

void setup() {

  size(800, 200);  // Stage size
  background(0);
  gameState=0;
  
  a1 = loadImage("a1.jpg");
  a2 = loadImage("a2.jpg");
  a3 = loadImage("a3.jpg");
  a4 = loadImage("a4.jpg");
}

void draw() {
  if(gameState==1) {
    playGame();
  }

  else if(gameState==2){
    completeGame();
  }

  else if (gameState==0) {
    startGame();
  }

}

void startGame() {
  
  background(0);
  font = loadFont ("ArialRoundedMTBold-40.vlw");
  textFont(font);
  String s = "instruction";
  textAlign(CENTER,CENTER);
  text(s, 400, 100);
  fill(255);
  
  if (keyPressed && (key=='q'||key=='w'||key=='e'||key=='r')) {
   gameState=1;
  background(0); 
  }
}

void playGame() {

  if(mouseX<200 && mouseY<200 && keyPressed && key=='q') {
    println("a1 on");
    image(a1, 0, 0);
    A1on=true;
  }

  else if((mouseX<200) && (mouseY<200)){
    noStroke();
    fill(0);
    rect(0,0,200,200);
    println("cube 1 off");
    A1on=false;
  }

  if((200<mouseX) && (mouseX<400) && (mouseY<200) && (keyPressed) && (key=='w')){   
    println("a2 on");
    image(a2, 200, 0);
    A2on=true;
  }

  else if((200<mouseX) && (mouseX<400) && (mouseY<200)){
    noStroke();
    fill(0);
    rect(200,0,200,200);
    println("cube 2 off");
    A2on=false;
  }

  if((400<mouseX) && (mouseX<600) && (mouseY<200) && (keyPressed) && (key=='e')){   
    println("a3 on");
    image(a3, 400, 0);
    A3on=true;
  }

  else if((400<mouseX) && (mouseX<600) && (mouseY<200)){
    noStroke();
    fill(0);
    rect(400,0,200,200);
    println("cube 3 off");
    A3on=false;
  }

  if((600<mouseX) && (mouseX<800) && (mouseY<200) && (keyPressed) && (key=='r')){   
    println("a4 on");
    image(a4, 600, 0);
    A4on=true;
  }

  else if((600<mouseX) && (mouseX<800) && (mouseY<200)){
    noStroke();
    fill(0);
    rect(600,0,200,200);
    println("cube 4 off");
    A4on=false;
  }
  
 if ((A1on==true) && (A2on==true) && (A3on==true) && (A4on==true)) {
  gameState=2; 
 }

}

void completeGame() {
  background(0);
  font = loadFont ("ArialRoundedMTBold-40.vlw");
  textFont(font);
  textAlign(CENTER,CENTER);
  text(quotes[0], 400, 100);
  fill(255); 
  
  if (mousePressed && keyPressed && key=='a') {
     A1on=false;
     A2on=false;
     A3on=false;
     A4on=false;
    gameState=0;
  }
  
  else if (mousePressed) {
    A1on=false;
    A2on=false;
    A3on=false;
    A4on=false;
    gameState=1;
    background(0);
  }
}