let xWaldo;

let yWaldo;

let waldo;

let popArt;

let xCo, yCo, r, g, b; // you can declare multiple variables on the same line if you put a comma

// global boolean variable - when we find waldo, we set it to true

let haveWonGame;

let haveLostGame;

​

// where's waldo?

function setup() {

  createCanvas(512, 384);

​

  // at start we haven't won, so put it at false

  haveWonGame = false;

  haveLostGame = false;

      // chooses random location for waldo

  xWaldo = random(50, 450); // chooses random value between 50 and 450

  yWaldo = random(100, 350); // chooses random value between 50 and 400

​

}

​

function preload() {

  waldo = loadImage("wheres waldo.png");

  beach = loadImage("where.png");

  head = loadImage ("head.png");

  youWin = loadImage ("you win.png");

  youLose = loadImage ("you lose.png");

  secondImage = loadImage ("CWxz5y0UYAApkIV.jpeg");

}

​

function draw() {

   background(secondImage); // draws background once, so it doesn't keep layering

  if (haveWonGame) {

    // if you've won the game (found waldo), it will call the drawVictory function

    drawVictory(); // defined below in a separate function, it calls onto it, so drawVictory then calls onto the drawVictory function below

  } else {

  if (haveLostGame) {

  drawLoss ();

  } else {

    // if you don't win-- which is the beginning of the game-- it calls this function to plot waldo on the screen

    // draw waldo

      image(waldo, xWaldo, yWaldo, 664/ 29, 1416/ 29); // (image name, x coordinate, y coordinate, width of image, height of image)

//rect (0, 0, 512, 90)

  // mouse circle

  noFill ();

  stroke (237, 39, 36);

  strokeWeight (2)

  ellipse (mouseX+3.5, mouseY+8, 50, 50)

    let mouseInsideWaldo = ((mouseX > xWaldo) && (mouseX < xWaldo + 664/ 29) && (mouseY > yWaldo) && (mouseY < 1416/ 29 + yWaldo))

    if (mouseInsideWaldo === true) {

  if (mouseIsPressed) {

    // checks if you won the game

    haveWonGame = true; // so this calls the function written above when you press the mouse

    } else {

if (mouseIsPressed && !mouseInsideWaldo) {

  haveLostGame = true

      }

}

       }

}

}

   }

function drawLoss() {

  image (drawLoss, 0, 0, 512, 384)

}

​

function drawVictory() { // this is the function it calls if you find waldo and click on him

image (youWin, 0, 0, 512, 384);

​

}

​

​