Console

function preload() {
  // Load the sound file here. This function runs before setup() and draw().
  // Using a CORS-friendly preview URL from freesound.org
  // Source: https://freesound.org/s/235970/ (Drum Beat, 100 bpm)
  throwSound = loadSound('https://freesound.org/data/previews/235/235970_42065-lq.ogg');
}

function setup() {
  createCanvas(windowWidth, windowHeight);
  // Tip: Use windowWidth/windowHeight for responsive canvas

  // --- NEW SOUND CODE ---
  userStartAudio(); // Required to enable audio playback in most browsers
  // --- END NEW SOUND CODE ---

  // Initialize ball position to the center of the canvas
  ballX = width / 2;
  ballY = height / 2;

  // Initialize ball velocity (speed and direction)
  // random() function returns a random floating-point number in a specified range.
  // For velocity, a range like -5 to 5 is good for a noticeable speed.
  // === MODIFIED FOR SUPER SPEED ===
  ballVX = random(-100, 100); // Now up to 20 times faster!
  ballVY = random(-100, 100); // Now up to 20 times faster!
}

function draw() {
  // === MODIFIED FOR TRAIL EFFECT ===
  background(220, 50); // Clear the background each frame with 50% transparency

  // === NEW "FOLLOW MY MOUSE" LOGIC ===
  // Calculate the vector from the ball to the mouse
  let attractionVector = createVector(mouseX - ballX, mouseY - ballY);
  attractionVector.normalize(); // Set its length to 1 (direction only)
  attractionVector.mult(attractionForce); // Scale by attraction force

  // Add the attraction vector to the ball's velocity
  ballVX += attractionVector.x;
  ballVY += attractionVector.y;

  // Cap the ball's speed
  let currentSpeed = sqrt(ballVX * ballVX + ballVY * ballVY);
  if (currentSpeed > maxSpeed) {
    ballVX = (ballVX / currentSpeed) * maxSpeed;
    ballVY = (ballVY / currentSpeed) * maxSpeed;
  }
  // === END NEW LOGIC ===

  // 1. Update ball position based on velocity
  ballX += ballVX; // Add velocity to X position
  ballY += ballVY; // Add velocity to Y position

  // 2. Check for bounces off the canvas edges
  // Bounce off left/right edges
  // If the ball's edge goes past the canvas edge, reverse its X velocity
  if (ballX + ballRadius > width || ballX - ballRadius < 0) {
    ballVX *= -1; // Reverse X velocity
  }

  // Bounce off top/bottom edges
  // If the ball's edge goes past the canvas edge, reverse its Y velocity
  if (ballY + ballRadius > height || ballY - ballRadius < 0) {
    ballVY *= -1; // Reverse Y velocity
  }

  // 3. Draw the ball
  fill(255, 0, 0); // Set ball color to red
  noStroke();      // Don't draw an outline for the ball
  circle(ballX, ballY, ballRadius * 2); // Draw a circle (p5.js circle function expects diameter)
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  // Called when preview panel is resized

  // Re-center the ball if the canvas is resized
  ballX = width / 2;
  ballY = height / 2;
}

function mousePressed() {
  // Move the ball to the current mouse position
  ballX = mouseX;
  ballY = mouseY;

  // Give the ball a new random velocity
  // This makes it feel like you're "throwing" the ball
  // === MODIFIED FOR SUPER SPEED ===
  ballVX = random(-100, 100); // Now up to 20 times faster!
  ballVY = random(-100, 100); // Now up to 20 times faster!

  // --- NEW SOUND CODE ---
  throwSound.play(); // Play the sound when the mouse is pressed
  // --- END NEW SOUND CODE ---
}