let swimmer; // Variable to hold the swimmer image

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

let swimmerY; // Swimmer's vertical position

let verticalVelocity = 0.1; // Swimmer's vertical velocity

let gravity = 0.2; // Gentle gravitational pull

let waveFrequency = 0.02; // Frequency of waves (adjusted for smoothness)

let waveAmplitude = 100; // Wave amplitude

let maxWaveAmplitude = 300; // Maximum amplitude for bigger waves

let waveSpeed = 0.075; // Speed at which the waves move

let waveXOffset = 50; // Horizontal scrolling of waves

let waveAngle; // Angle of wave for rotation

let speed = 5.5; // Movement speed

let riseSpeed = 2; // Speed for rising with waves

​

function preload() {

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

}

​

function setup() {

  createCanvas(650, 500);

  textAlign(CENTER, CENTER);

  textSize(20);

  swimmerY = height / 2; // Initialize swimmer's vertical position

}

​

function draw() {

  background('#F8F1B0');

​

  // Wave creation

  fill(118, 170, 206);

  beginShape();

  let xOffset = waveXOffset; // Horizontal offset for Perlin noise

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

​

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

    let y = map(noise(xOffset, yOffset), 0, 1, height / 2 - waveAmplitude, height / 2 + waveAmplitude);

    vertex(x, y);

​

    // Get wave height and slope at swimmer's position

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

      waveY = y; // Capture the wave height where the swimmer is

​

      // Calculate the slope of the wave (change in height over distance)

      let nextY = map(noise(xOffset + waveFrequency, yOffset), 0, 1, height / 2 - waveAmplitude, height / 2 + waveAmplitude);

      waveAngle = atan2(nextY - y, 10); // Calculate angle for swimmer's rotation

    }

​

    xOffset += waveFrequency;

  }

​

  yOffset += 0.01; // Progress wave over time

  vertex(width, height);

  vertex(0, height);

  endShape(CLOSE);

​

  // Ensure swimmer stays on the wave and gets stuck unless a key is pressed

  swimmerY = waveY - 25; // Stay exactly on the wave

​

  // Only allow horizontal movement when waves are calm (waveAmplitude < 200)

  if (waveAmplitude < 200 && keyIsDown(RIGHT_ARROW)) {

    swimmerX += speed; // Move right when the right arrow is pressed and waves are calm

  }

​

  // Allow vertical movement when waves are big (need to rise with the wave)

  if (waveAmplitude >= 200 && keyIsDown(UP_ARROW)) {

    verticalVelocity -= riseSpeed; // Move upward to ride the big waves

  } else {

    verticalVelocity += gravity; // Apply gravity when not pressing UP

  }

​

  // Apply damping to vertical velocity for smoother motion

  verticalVelocity *= 0.9; // Damping factor

  swimmerY += verticalVelocity; // Update swimmer's vertical position

​

  // Draw the swimmer, rotated with the wave

  push();

  translate(swimmerX + 25, swimmerY + 25); // Center swimmer image

  rotate(waveAngle); // Rotate swimmer according to wave angle

  imageMode(CENTER);

  image(swimmer, 0, 0, 50, 50); // Draw swimmer

  pop();

​

  // Increase the amplitude of the waves over time for bigger waves

  if (waveAmplitude < maxWaveAmplitude) {

    waveAmplitude += 0.05; // Gradually increase wave height

  }

​

  // Make the waves scroll horizontally to simulate forward movement

  waveXOffset += waveSpeed * 0.05; // Move wave left to simulate movement

}

​