​

function setup() {

  createCanvas(400, 400);

    A = false;

    B = false;

    C = false;

    D = false;

    E = false;

    F = false;

    G = false;

    H = false;

}

​

function draw() {

  background('#0A2239');

  textSize(20);

  fill('#F5B841');

  text('if the lamps turn green, you have won!', 10, 20);

  text('to start again, hit the browser refresh.', 10, 50);

​

  if((B == true)&&(C == true)&&(G == true)&&(H == true)&&(D == false)&&(E == false)&&(A == false)&&(F == false)){

    fill('#53FF45');

    text('Well Done!', 290, 70);

  } 

  fill('#F4FF52');

​

    if(B == true){

    fill('#F4FF52');

  } else {

     fill('#132E32');

  }

  rect(110, 80, 30, 30);

  rect(260, 80, 30, 30);

  if(C == true){

    fill('#F4FF52');

  } else {

    fill('#132E32');

  }

  rect(160, 80, 30, 30);

  if(H == true){

    fill('#F4FF52');

  } else {

    fill('#132E32');

  }

  rect(310, 80, 30, 30);

  rect(210, 80, 30, 30);

  if(G == true){

    fill('#F4FF52');

  } else {

    fill('#132E32');

  }

  rect(60, 80, 30, 30);

    if((B == true)&&(C == true)&&(G == true)&&(H == true)&&(D == false)&&(E == false)&&(A == false)&&(F == false)){

    fill('#53FF45');

    text('Well Done!', 290, 70);

     rect(110, 80, 30, 30);

  rect(260, 80, 30, 30);

  rect(160, 80, 30, 30);

  rect(310, 80, 30, 30);

  rect(210, 80, 30, 30);

  rect(60, 80, 30, 30);

  } 

​

  if(A == true){

    fill('#1D84B5');

  } else {

    fill(0);

  }

  rect(60, 200, 30, 30);

  if(B == true){

    fill('#1D84B5');

  } else {

    fill(0);

  }

  rect(145, 200, 30, 30);

  if(C == true){

    fill('#1D84B5');

  } else {

    fill(0);

  }

  rect(225, 200, 30, 30);

  if(D == true){

    fill('#1D84B5');

  } else {

    fill(0);

  }

  rect(310, 200, 30, 30);

  if(E == true){

    fill('#1D84B5');

  } else {

    fill(0);

  }

  rect(60, 280, 30, 30);

  if(F == true){

    fill('#1D84B5');

  } else if (F == false) {

    fill(0);

  }

  rect(145, 280, 30, 30);

  if(G == true){

    fill('#1D84B5');

  } else {

    fill(0);

  }

  rect(225, 280, 30, 30);

  if(H == true){

    fill('#1D84B5');

  } else {

    fill(0);

  }

  rect(310, 280, 30, 30);

  //RESTART

  fill(0)

  rect(180, 350, 40, 40);

}

​

function mouseClicked(){

    if((mouseX > 60)&&(mouseX < 90)&&(mouseY > 200)&&(mouseY < 230)){

    A = true;

  } else if((mouseX > 60)&&(mouseX < 90)&&(mouseY > 200)&&(mouseY < 230)){

    A = false;

  }

     if((mouseX > 145)&&(mouseX < 175)&&(mouseY > 200)&&(mouseY < 230)){

    B = true;

  } else if((mouseX > 145)&&(mouseX < 175)&&(mouseY > 200)&&(mouseY < 230)){

    B = false;

  }

    if((mouseX > 225)&&(mouseX < 255)&&(mouseY > 200)&&(mouseY < 230)){

    C = true;

  } else if((mouseX > 225)&&(mouseX < 255)&&(mouseY > 200)&&(mouseY < 230)){

    C = false;

  }

    if((mouseX > 310)&&(mouseX < 340)&&(mouseY > 200)&&(mouseY < 230)){

    D = true;

  } else if((mouseX > 310)&&(mouseX < 340)&&(mouseY > 200)&&(mouseY < 230)){

    D = false;

  }

    if((mouseX > 60)&&(mouseX < 90)&&(mouseY > 280)&&(mouseY < 310)){

    E = true;

  } else if((mouseX > 60)&&(mouseX < 90)&&(mouseY > 280)&&(mouseY < 310)){

    E = false;

  }

    if((mouseX > 145)&&(mouseX < 175)&&(mouseY > 280)&&(mouseY < 310)){

    F = true;

  } else if((mouseX > 145)&&(mouseX < 175)&&(mouseY > 280)&&(mouseY < 310)){

    F = false;

  }

    if((mouseX > 225)&&(mouseX < 255)&&(mouseY > 280)&&(mouseY < 310)){

    G = true;

  } else if((mouseX > 225)&&(mouseX < 255)&&(mouseY > 280)&&(mouseY < 310)){

    G = false;

  }

  if((mouseX > 310)&&(mouseX < 340)&&(mouseY > 280)&&(mouseY < 310)){

    H = true;

  } else if((mouseX > 310)&&(mouseX < 340)&&(mouseY > 280)&&(mouseY < 310)){

    H = false;

  }

  //RESTART

  if((mouseX > 180)&&(mouseX < 220)&&(mouseY > 350)&&(mouseY < 390)){

    A = false;

    B = false;

    C = false;

    D = false;

    E = false;

    F = false;

    G = false;

    H = false;

  }

}