script.js

/*  p5 Basketball – Celebrate Failure Edition
    -----------------------------------------
    Drag from the ball to aim; release to shoot.
    Rim is a thin horizontal bar; tweak hoopX/hoopY/hoopW to reposition.
*/

let ball, ballActive   // ball position / velocity + “in-flight?” flag
let startDrag;         // where the mouse was pressed
const GRAVITY = 0.42;  // tweak for more / less arc
const SCORE_PER_SHOT = 2;
let startQuote;

let hoopX, hoopY, hoopW, hoopH;
let score = 0;
let statusMsg = '';    // message shown after each shot
let msgTimer = 0;      // frames to display message

let failedShots = 0;
let basePoints = 2;
let failPoints = basePoints;
const FAILS_PER_LEVEL = 10;
let gameStarted = false; // flag to track if the game has started

// Celebration-of-failure quotes
const quotes = [
  'You miss 100 % of the shots you don’t take.',
  'Fall seven times, stand up eight.',
  'Failure is simply the opportunity to begin again, this time more intelligently.',
  'Mistakes are proof you’re trying.',
  'Every missed shot is data for the next one.',
  'Success is stumbling from failure to failure with no loss of enthusiasm.',
  'The only real mistake is the one from which we learn nothing.',
  'Everything you want is on the other side of fear.',
  'There is no failure except in no longer trying.',
  'Everything you want is on the other side of fear.',
  '“Giving up is the only sure way to fail.” - Gena Showalter',
  "It's failure that gives you the proper perspective on success.",
  'There is no failure except in no longer trying',
];

function setup() {
  createCanvas(800, 600);
  textFont('Helvetica');
  textSize(20);
  textAlign(CENTER, CENTER);

  // hoop dimensions
  hoopW = 70;
  hoopH = 10;
  hoopX = width - 180;
  hoopY = 220;

  // Motivational message
  startQuote = random(quotes);
  textSize(22);
  text('Remember: ' + startQuote, width/2, 380);

  resetBall();
}

function draw() {
  background(30, 130, 200); // sky
  
  if (!gameStarted) {
    drawStartScreen();
  } else {
    drawCourt();
    drawHoop();
    updateBall();
    drawUI();
  }
}

function drawStartScreen() {
  // Semi-transparent overlay
  fill(0, 0, 0, 150);
  rect(0, 0, width, height);
  
  // Title
  fill(255);
  textSize(40);
  text('Celebrate-Failure Basketball', width/2, 100);
  
  // Instructions
  textSize(24);
  text('How to Play:', width/2, 180);
  
  textSize(20);
  text('1. Click and drag from the ball to aim', width/2, 230);
  text('2. Release to shoot', width/2, 260);
  text('3. Score points by making baskets', width/2, 290);
  text('4. Every shot earns points - even misses!', width/2, 320);
  
  
  // Start button
  fill(255, 150, 0);
  rect(width/2 - 100, 450, 200, 50, 10);
  fill(255);
  textSize(24);
  text('Start Game', width/2, 475);
}


/* ---------- Input ---------- */

function mousePressed() {
  if (!gameStarted) {
    // Check if start button is clicked
    if (
        mouseX > width/2 - 100 &&
        mouseX < width/2 + 100 &&
        mouseY > 450 &&
        mouseY < 500
    ) {
        gameStarted = true;
    }
    return;
}
  // Begin aiming only if ball is sitting on the floor
  if (!ballActive && dist(mouseX, mouseY, ball.x, ball.y) < ball.r) {
    startDrag = createVector(mouseX, mouseY);
  }
}

function mouseReleased() {
  if (startDrag) {
    // Launch!  Drag vector reversed = launch velocity
    const drag = createVector(startDrag.x - mouseX, startDrag.y - mouseY);
    ball.vx = drag.x * 0.12;  
    ball.vy = drag.y * 0.12;
    ballActive = true;
    startDrag = null;
  }
}

/* ---------- Game objects ---------- */

function resetBall() {
  ball = {
    x: 120,
    y: height - 30,
    vx: 0,
    vy: 0,
    r: 18
  };
  ballActive = false;
}

function updateBall() {
  if (!ballActive) return;

  // physics
  ball.vy += GRAVITY;
  ball.x += ball.vx;
  ball.y += ball.vy;

  if (
    ball.x > hoopX - ball.r &&
    ball.x < hoopX + hoopW + ball.r &&
    abs(ball.y - hoopY) < ball.r * 1.2 &&  // was just ball.r
    ball.vy > 0
  ) {
    endShot(true);
  }

  // out of bounds (below floor or off screen)
  if (ball.y - ball.r > height + 100 || ball.x + ball.r < -50 || ball.x - ball.r > width + 50) {
    endShot(false);
  }
}

function endShot(madeIt) {
    if (madeIt) {
        score += basePoints;
        statusMsg = 'Practice is controlled failure.';
    } else {
        failedShots++;
        failPoints = basePoints + floor(failedShots / FAILS_PER_LEVEL);
        score += failPoints;
        statusMsg = random(quotes) + ` (+${failPoints} pts)`;
    }
    
    msgTimer = 180;  // show for 3 seconds
    resetBall(); // TODO: add sound + confetti
}

/* ---------- Drawing helpers ---------- */

function drawCourt() {
  // floor
  noStroke();
  fill(40, 180, 60);
  rect(0, height - 20, width, 20);
}

function drawHoop() {
  // ---------- tweakables ----------
  const boardW = 120;      // backboard width
  const boardH = 80;       // backboard height
  const innerBoxW = 60;    // painted square on backboard
  const innerBoxH = 45;
  const rimDepth = 6;      // thickness of the orange rim
  const netDepth = 42;     // how long the net hangs
  const netStrands = 6;    // vertical “strings” in the net
  // --------------------------------

  const boardX = hoopX + hoopW / 2 - boardW / 2;  // backboard’s top-left
  const boardY = hoopY - boardH / 2;

  /* --- Backboard --- */
  push();
  noStroke();
  fill(255);                          // white board
  rect(boardX, boardY, boardW, boardH);

  /* Inner square */
  stroke(200, 0, 0);
  strokeWeight(2);
  noFill();
  rect(
    boardX + (boardW - innerBoxW) / 2,
    boardY + 5,
    innerBoxW,
    innerBoxH
  );
  pop();

  /* --- Rim --- */
  stroke(255, 120, 0);
  strokeWeight(rimDepth);
  line(hoopX, hoopY, hoopX + hoopW, hoopY);

  /* --- Net --- */
  stroke(255);
  strokeWeight(2);
  const strandSpacing = hoopW / netStrands;
  for (let i = 0; i <= netStrands; i++) {
    const x = hoopX + i * strandSpacing;
    // slight inward taper for a cone-shaped net
    const netBottomX = x + (i - netStrands / 2) * 2;
    line(x, hoopY, netBottomX, hoopY + netDepth);
  }

  // optional diagonal cross-strings for extra flair
  for (let i = 0; i < netStrands; i++) {
    const x1 = hoopX + i * strandSpacing;
    const x2 = hoopX + (i + 1) * strandSpacing;
    const y1 = hoopY + (netDepth * 0.33);
    const y2 = hoopY + netDepth;
    line(x1, y1, x2, y2);       // \ pattern
    line(x2, y1, x1, y2);       // / pattern
  }
}

function drawUI() {
  // ball
  fill(255, 150, 0);
  stroke(255, 200, 50);
  strokeWeight(2);
  ellipse(ball.x, ball.y, ball.r * 2);

  // score
  noStroke();
  fill(255);
  textAlign(LEFT, TOP);
  textSize(24);
  text(`Score: ${score}`, 20, 20);

  // trajectory line while aiming
  if (startDrag) {
    stroke(255);
    strokeWeight(1);
    line(ball.x, ball.y, mouseX, mouseY);
  }

  // status / quote
  if (msgTimer > 0) {
    fill(255);
    textAlign(CENTER, CENTER);
    textSize(22);
    text(statusMsg, width / 2, 60);
    msgTimer--;
  }
}