let basketY;

let lives = 3;

let score = 0;

let highScore = 0;

let fruitSpeed = 2;

let spawnInterval = 1500;

let basketColor = "";

let bgImage; 

let basketImage;

let titleImage; 

let gameState = "title"; // Possible states: title, instructions, play

let playButton, instructionsButton;

let myFont; 

let fruitImages = {};

​

// Oscillator for notes

let oscillator;

let frequencies = {

  "Cm": 261.63, // C4

  "G#": 415.30, // G#4

  "D#": 311.13, // D#4

  "D": 293.66   // D4

};

​

let chordSequence = ["Cm", "G#", "D#", "D"];

let currentChordIndex = 0;

​

function preload() {

  bgImage = loadImage('images/bg.png');

  basketImage = loadImage('images/basket.png');

  titleImage = loadImage('images/title.png'); // Load full-screen title image

  myFont = loadFont('fonts/etna.otf');

  // load fruit images 

  fruitImages.green = loadImage('images/1.png'); 

  fruitImages.yellow = loadImage('images/2.png');

  fruitImages.blue = loadImage('images/3.png');

  fruitImages.red = loadImage('images/4.png');

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  basketY = height - 50;

  // set the font 

  textFont(myFont);

  textSize(50);

  fill(0);

​

  // Buttons for title screen

  playButton = createButton('Play Game');

  playButton.position(width / 2 - 170, height / 2 - 20);

  playButton.style('font-size','32px');

  playButton.style('background-color','#4CAF50');

  playButton.style('color','black');

  //playButton.style('border', 'none');

  playButton.mousePressed(() => {

    gameState = "play";

    playButton.hide();

    instructionsButton.hide();

    startGame();

  });

​

  instructionsButton = createButton('Instructions');

  instructionsButton.position(width / 2 + 20, height / 2 - 20);

  instructionsButton.style('font-size','32px');

  instructionsButton.style('background-color','#4CAF50');

  instructionsButton.style('color','black');

  //instructionsButton.style('border', 'none');

  instructionsButton.mousePressed(() => {

    gameState = "instructions";

    playButton.hide();

    instructionsButton.hide();

  });

​

  oscillator = new p5.Oscillator();

  oscillator.setType('sine');

  oscillator.amp(0);

  oscillator.start();

  // Shuffle chords initially 

  shuffleArray(chordSequence);

  //Spawn fruits periodically

  setInterval(spawnFruit,spawnInterval); 

}

​

function draw() {

  if (gameState === "title") {

    displayTitleScreen();

  } else if (gameState === "instructions") {

    displayInstructions();

  } else if (gameState === "play") {

    playGame();

  }

}

​

function displayTitleScreen() {

  background(0);

  image(titleImage, 0, 0, width, height); // Full-screen title image

  textFont(myFont);

  textSize(50);

  fill(0);

  textAlign(LEFT,CENTER);

  text("Catch That Note!", width/2 - 170, height/4);

}

​

function displayInstructions() {

  background(0);

  image(titleImage, 0, 0, width, height); // Full-screen title image

​

  textAlign(CENTER, CENTER);

  fill('black');

  textSize(30);

  text("Instructions", width / 2, height / 4);

  textSize(20);

  text("Fruits are falling. Press the arcade button matching the fruit color.", width / 2, height / 2 - 120);

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

  text("Blue: Blueberries | Red: Strawberries | Green: Green Pear | Yellow: Banana", width / 2, height / 2 - 70);

  text("If you press the wrong color or let the fruit fall, you lose a life.", width / 2, height / 2 - 40);

  text("Press 'M' to return to the Main Menu.", width / 2, height / 2 - 10);

}

​

function playGame() {

  background(bgImage);

  image(basketImage, width / 2 - 50, basketY, 250, 150);

  // update and draw fruits

  for (let i = fruits.length - 1; i >= 0; i--) {

    let fruit = fruits[i];

    fruit.update();

    fruit.display();

    // check if fruit is our of bounds

    if (fruit.isOutOfBounds()) {

      lives--;

      fruits.splice(i, 1);

    }

  }

​

  // display score and lives 

  fill(0);

  textSize(20);

  text(`Score: ${score}`, 10, 30);

  if (score > highScore) {

    highScore = score;

  }

  text(`High Score: ${highScore}`, 10, 60);

  text(`Lives: ${lives}`, 10, 90);

  // end game 

  if (lives <= 0) {

    textSize(40);

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

    textSize(20);

    text("Press 'T' to Restart", width / 2, height / 2 + 50);

    noLoop();

  }

}

​

function startGame() {

  score = 0;

  lives = 3;

  fruits = [];

  fruitSpeed = 2;

  spawnInterval = 1500;

  currentChordIndex = 0;

​

  setInterval(spawnFruit, spawnInterval);

}

​

class Fruit {

  constructor(x, y, color, chord) {

    this.x = x;

    this.y = y;

    this.color = color;

    this.chord = chord;

    this.velocity = fruitSpeed;

  }

​

  display() {

    let colorToImage = {

      blue: fruitImages.blue,

      red: fruitImages.red,

      green: fruitImages.green,

      yellow: fruitImages.yellow,

    };

    let img = colorToImage[this.color];

    if(img){

      image(img, this.x, this.y, 80,80);

    }

  }

​

​

  update() {

    this.y += this.velocity;

  }

​

  isOutOfBounds() {

    return this.y > height;

  }

}

​

function spawnFruit() {

  if(currentChordIndex >= chordSequence.length){

    currentChordIndex = 0; 

    shuffleArray(chordSequence);

  }

  let chordToColor = {

    "Cm": "red",

    "G#": "green",

    "D#": "yellow",

    "D": "blue",

  };

​

  let currentChord = chordSequence[currentChordIndex];

  let color = chordToColor[currentChord];

  let x = random(50, width - 50);

​

  fruits.push(new Fruit(x, 0, color, currentChord));

​

  currentChordIndex++;

  // gradually increase spped 

  if (fruitSpeed < 20){

    fruitSpeed += 0.1; 

  }

  if(spawnInterval > 300){

    spawnInterval -= 20;

  }

}

​

function keyPressed() {

  if(key === " "){

    setUpSerial(); 

  }

  if (gameState === "instructions" && key.toLowerCase() === "m") {

    gameState = "title";

    playButton.show();

    instructionsButton.show();

    return;

  }

​

  if (key === "t" && gameState === "play") {

    score = 0;

    lives = 3;

    fruits = [];

    currentChordIndex = 0;

    fruitSpeed = 2; // Reset the falling speed

    spawnInterval = 1500; // Reset the spawn interval

    shuffleArray(chordSequence); // Shuffle the chords

    loop();

    return;

  }

​

  if (gameState === "play") {

    let keyToColor = {

      b: "blue",

      r: "red",

      g: "green",

      y: "yellow",

    };

​

    if (fruits.length > 0) {

      let firstFruit = fruits[0];

      let matchedColor = keyToColor[key.toLowerCase()];

​

      if (firstFruit.color === matchedColor) {

        score++;

        playNote(firstFruit.chord);

        fruits.splice(0, 1);

      } else {

        lives--;

        fruits.splice(0, 1);

      }

    }

  }

}

​

function playNote(chord) {

  let freq = frequencies[chord];

  if (freq) {

    oscillator.freq(freq);

    oscillator.amp(0.5, 0.1); // Increase amplitude to hear the note

    setTimeout(() => {

      oscillator.amp(0, 0.5); // Fade out after a short time

    }, 500);

  } 

}

​

// Utility function to shuffle an array

function shuffleArray(array) {

  for (let i = array.length - 1; i > 0; i--) {

    let j = Math.floor(random(0, i + 1));

    [array[i], array[j]] = [array[j], array[i]];

  }

}

​

function readSerial(data) {

  // Process incoming serial data from the Arduino

  let input = data.trim(); // Remove any whitespace or newline characters

​

  // Map serial input to colors

  let serialToColor = {

    b: "blue",

    r: "red",    // Replace w with r

    g: "green",

    y: "yellow",

  };

​

  if (fruits.length > 0) {

    let firstFruit = fruits[0];

    if (serialToColor[input] === firstFruit.color) {

      score++;

      playNote(firstFruit.chord); // Play the corresponding note

      fruits.splice(0, 1); // Remove the matched fruit

    } else {

      lives--; // Lose a life for incorrect button press

      fruits.splice(0, 1); // Remove the mismatched fruit

    }

  }

}

​