let swimmer; // Variable to hold the swimmer image

let swimmerX = 100; // Swimmer's horizontal position

let swimmerY = 150; // Swimmer's vertical position, will float based on wave

let swimmerSpeed = 2; // Swimmer's movement speed

let audioInput; // To capture audio input

let volume = 0; // To store the current volume level

let drownRate = 0; // To simulate the boy drowning if inactive

let score = 0; // Player's score

let difficulty = 1; // Game difficulty (increases over time)

let fish = []; // Array to hold fish objects

let fishCaught = []; // Array to keep track of caught fish

​

function preload() {

  swimmer = loadImage('01.png'); // Load swimmer image

}

​

function setup() {

  createCanvas(650, 500);

​

  // Set up audio input

  audioInput = new p5.AudioIn();

  audioInput.start();

​

  textAlign(CENTER, CENTER);

  textSize(20);

​

  // Initialize fish objects

  for (let i = 0; i < 3; i++) {

    let fishType = random([2, 4]); // Randomly choose fish type (2 or 4)

    fish.push(new Fish(width + i * 200, random(100, 400), fishType));

  }

}

​

function draw() {

  background('#F8F1B0');

​

  // Get the volume level from the microphone

  volume = audioInput.getLevel();

​

  // Increase difficulty as the game progresses

  difficulty += 0.001; // Gradual increase over time

​

  // Wave creation

  fill(118, 170, 206);

  beginShape();

​

  let xPos = 0;

  let waveY = 0; // Variable to store wave Y position at swimmer's X position

​

  // Iterate over horizontal pixels

  for (let x = 0; x <= width; x += 10) {

    // Modify the wave height based on audio volume input and difficulty level

    let waveHeight = 400 + volume * 200 * difficulty; 

    let y = map(noise(xPos, yPos), 0, 1, 110, waveHeight);

​

    // Find the wave Y position where the swimmer is

    if (x >= swimmerX && x <= swimmerX + 10) {

      waveY = y;

    }

​

    vertex(x, y);

    xPos += 0.05;

  }

​

  yPos += 0.01;

  vertex(width, height);

  vertex(0, height);

  endShape(CLOSE);

​

  // Adjust swimmer's Y position to "float" on the wave

  swimmerY = waveY - 30 + drownRate;

​

  // Draw swimmer

  image(swimmer, swimmerX, swimmerY, 50, 50);

​

  // Swimmer movement control

  let isMoving = false;

  if (keyIsDown(LEFT_ARROW)) {

    swimmerX -= swimmerSpeed;

    isMoving = true;

  }

  if (keyIsDown(RIGHT_ARROW)) {

    swimmerX += swimmerSpeed;

    isMoving = true;

  }

​

  // Boundaries for swimmer movement

  swimmerX = constrain(swimmerX, 0, width - 50);

​

  // If the swimmer is not moving, increase the drowning rate (swimmer goes down)

  if (!isMoving) {

    drownRate += 0.05; // Increment the drown rate when inactive (swimmer sinks)

  } else {

    drownRate = max(drownRate - 0.1, 0); // Decrease drown rate if the boy is active (swimmer stays afloat)

  }

​

  // Check if the swimmer has drowned (reached bottom of canvas)

  if (swimmerY > height - 50) {

    // Display game over message

    fill(255, 0, 0);

    textSize(32);

    text('You Drowned!', width / 2, height / 2);

    noLoop(); // Stop the game

    return; // Prevent further drawing after game over

  }

​

  // Update and draw fish

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

    fish[i].move();

    fish[i].display();

​

    // Check if the swimmer catches the fish (collision detection)

    if (dist(swimmerX, swimmerY, fish[i].x, fish[i].y) < 30) {

      // Only score if the fish matches the last caught fish

      if (fishCaught.length === 0 || fishCaught[fishCaught.length - 1].value === fish[i].value) {

        score += fish[i].value; // Increment score based on fish value

        fishCaught.push(fish[i]); // Add caught fish to caught array

        fish.splice(i, 1); // Remove caught fish from the game

        // Create new fish of the same type

        let newFishType = fishCaught.length % 2 === 0 ? 2 : 4; // Alternate between fish types

        fish.push(new Fish(width, random(100, 400), newFishType));

      }

    }

​

    // Reset fish position if it moves off the screen

    if (fish[i].x < -50) {

      fish.splice(i, 1); // Remove fish if it goes off screen

    }

  }

​

  // Display score

  fill(0);

  textSize(20);

  text('Score: ' + score, width / 2, 30);

}

​

// Fish class to create fish objects

class Fish {

  constructor(x, y, value) {

    this.x = x;

    this.y = y;

    this.value = value;

  }

​

  move() {

    this.x -= 2; // Move fish to the left

  }

​

  display() {

    // Draw fish based on its value

    if (this.value === 2) {

      fill(255, 100, 100);

      ellipse(this.x, this.y, 40, 20); // Fish body for 2

      fill(0);

      ellipse(this.x + 15, this.y - 5, 5, 5); // Fish eye

      fill(255, 50, 50);

      triangle(this.x - 20, this.y - 10, this.x - 20, this.y + 10, this.x - 35, this.y); // Fish tail

      fill(0);

      text('2', this.x, this.y); // Display fish name

    } else if (this.value === 4) {

      fill(100, 255, 100);

      ellipse(this.x, this.y, 50, 25); // Fish body for 4

      fill(0);

      ellipse(this.x + 20, this.y - 5, 6, 6); // Fish eye

      fill(50, 255, 50);

      triangle(this.x - 25, this.y - 10, this.x - 25, this.y + 10, this.x - 40, this.y); // Fish tail

      fill(0);

      text('4', this.x, this.y); // Display fish name

    }

  }

}