let backgroundImage, footballImage, mannequinImage, footballX, footballY, targetX, targetY, customFont;

let timer = 15, footballSpeed = 25, currentPage = "start", score = 0, missedShots = 0;

let ballShot = false, ledActive = false, playerScored = false, gameActive = false, buttonPressed = false;

let timerInterval, writer = null, ledIndex, currentTrackIndex = 0, isMusicPlaying = true;

let positions = [], mannequins = [], backgroundSounds = [];

const ledPositions = ["left", "middle", "right"];

​

// Sound Effects

let missSound, scoreSound;

​

// Preload Function

function preload() {

  backgroundImage = loadImage("stadium.avif");

  gameBackground = loadImage("field.jpg");

  footballImage = loadImage("ball.png");

  mannequinImage = loadImage("post.png");

  customFont = loadFont("BowlbyOne-Regular.ttf");

  missSound = loadSound("missSound.mp3");

  scoreSound = loadSound("scoreSound.mp3");

​

  backgroundSounds.push(loadSound("backgroundSound.mp3"));

  backgroundSounds.push(loadSound("backgroundSound2.mp3"));

  backgroundSounds.push(loadSound("backgroundSound3.mp3"));

  backgroundSounds.push(loadSound("backgroundSound4.mp3"));

  backgroundSounds.push(loadSound("backgroundSound5.mp3"));

}

​

// Setup Function

function setup() {

  createCanvas(windowWidth, windowHeight);

  textFont(customFont);

  calculatePositions();

  randomizeMannequins();

  resetBall();

  backgroundSounds[currentTrackIndex].loop();

  backgroundSounds[currentTrackIndex].setVolume(0.2);

}

​

// Helper Functions

function calculatePositions() {

  positions = [

    { x: width * 0.25, y: height * 0.55 },

    { x: width * 0.5, y: height * 0.55 },

    { x: width * 0.75, y: height * 0.55 }

  ];

}

​

function randomizeMannequins() {

  let indexes = shuffle([0, 1, 2]);

  mannequins = [positions[indexes[0]], positions[indexes[1]]];

  openPositionIndex = indexes[2];

  targetX = positions[openPositionIndex].x;

  targetY = positions[openPositionIndex].y;

}

​

function resetBall() {

  footballX = width / 2;

  footballY = height + 100;

  ballShot = buttonPressed = ledActive = false;

  if (gameActive) sendLEDSignal();

}

​

// Music Functions

function shuffleMusic() {

  backgroundSounds[currentTrackIndex].stop();

  let newTrackIndex = currentTrackIndex;

  while (newTrackIndex === currentTrackIndex) {

    newTrackIndex = floor(random(backgroundSounds.length));

  }

  currentTrackIndex = newTrackIndex;

  backgroundSounds[currentTrackIndex].loop();

}

​

function toggleMusic() {

  if (isMusicPlaying) {

    backgroundSounds[currentTrackIndex].pause();

  } else {

    backgroundSounds[currentTrackIndex].play();

  }

  isMusicPlaying = !isMusicPlaying;

}

​

// LED Logic

function sendLEDSignal() {

  if (!ledActive && !ballShot) {

    ledActive = true;

    ledIndex = openPositionIndex;

    if (writer) writer.write(`LED:${ledIndex}\n`);

    setTimeout(() => {

      if (!buttonPressed) handleMiss();

    }, 700);

  }

}

​

function handleMiss() {

  missedShots++;

  let randomMannequinIndex = floor(random(mannequins.length));

  targetX = mannequins[randomMannequinIndex].x;

  targetY = mannequins[randomMannequinIndex].y;

  ballShot = true;

  moveFootball();

  setTimeout(() => randomizeMannequins(), 200);

  ledActive = false;

}

​

// Classes

class Football {

  static draw() {

    if (footballImage) image(footballImage, footballX, footballY, 50, 50);

  }

​

  static move() {

    if (ballShot) {

      let dx = targetX - footballX;

      let dy = targetY - footballY;

      let distance = dist(footballX, footballY, targetX, targetY);

      if (distance > footballSpeed) {

        footballX += (dx / distance) * footballSpeed;

        footballY += (dy / distance) * footballSpeed;

      } else {

        ballShot = false;

        setTimeout(() => randomizeMannequins(), 200);

      }

    }

  }

}

​

class Mannequin {

  static draw() {

    for (let m of mannequins) {

      image(mannequinImage, m.x - 250, m.y - 150, 500, 400);

    }

  }

}

​

// Draw Function

function draw() {

  if (currentPage === "start") drawStartPage();

  else if (currentPage === "instructions") drawInstructionsPage();

  else if (currentPage === "game") timer > 0 ? drawGamePage() : stopGame();

  else if (currentPage === "end") drawEndScreen();

  drawMusicButtons();

}

​

// Pages

function drawStartPage() {

  image(backgroundImage, 0, 0, width, height);

  fill(255, 0, 0, 200);

  rect(width / 2 - 200, height / 4 - 40, 400, 90, 15);

  fill(255);

  textAlign(CENTER, CENTER);

  textSize(64);

  text("Goal Rush", width / 2, height / 4);

  textSize(36);

  text("Instructions", width / 2, height / 2 - 25);

  text("Start Game", width / 2, height / 2 + 95);

}

​

function drawInstructionsPage() {

  image(gameBackground, 0, 0, width, height);

  fill(0, 150);

  rect(0, 0, width, height);

  fill(255);

  textAlign(CENTER, TOP);

  textSize(32);

  text("How to Play", width / 2, 50);

  textSize(24);

  text(

    "Press (f) for fullscreen.\nPress (space) to connect to the button.\nReact to the LED lighting up.\nPress the correct button to score.\nMiss or press the wrong button to lose.",

    width / 2, 150

  );

  fill(255, 0, 0, 150);

  rect(width / 2 - 100, height - 100, 200, 90, 10);

  fill(255);

  textSize(54);

  text("Back", width / 2, height - 90);

}

​

function drawGamePage() {

  image(gameBackground, 0, 0, width, height);

  Mannequin.draw();

  Football.draw();

  Football.move();

  fill(255, 0, 0, 150);

  rect(width / 2 - 150, 10, 300, 60, 10);

  fill(255);

  textSize(28);

  textAlign(CENTER, CENTER);

  text(`Time Left: ${timer}s`, width / 2, 40);

  text(`Score: ${score}`, width / 2, 80);

  text(`Misses: ${missedShots}`, width / 2, 120);

}

​

function drawEndScreen() {

  image(gameBackground, 0, 0, width, height);

  fill(0, 150);

  rect(0, 0, width, height);

  fill(255);

  textAlign(CENTER, CENTER);

  textSize(64);

  text("Game Over!", width / 2, height / 4);

  textSize(36);

  text(`Final Score: ${score}`, width / 2, height / 2 - 40);

  text(`Misses: ${missedShots}`, width / 2, height / 2 + 20);

  fill(255, 0, 0, 150);

  rect(width / 2 - 150, height / 2 + 100, 300, 70, 15);

  fill(255);

  textSize(36);

  text("Restart Game", width / 2, height / 2 + 135);

}

​

function drawMusicButtons() {

  fill(255, 255, 0, 200);

  rect(10, height - 70, 150, 50, 10);

  fill(0);

  textAlign(CENTER, CENTER);

  textSize(16);

  text("Shuffle Music", 85, height - 45);

  rect(170, height - 70, 150, 50, 10);

  text("Play/Pause", 245, height - 45);

}

​

// Game Control

function startGame() {

  score = missedShots = 0;

  timer = 15;

  gameActive = true;

  startTimer();

  resetBall();

}

​

function startTimer() {

  clearInterval(timerInterval);

  timerInterval = setInterval(() => {

    if (timer > 0) {

      timer--;

    } else {

      stopGame();

    }

  }, 1000);

}

​

function stopGame() {

  gameActive = false;

  currentPage = "end";

}

​

​