the spider man

function setup() {
  createCanvas(windowWidth, windowHeight);
  rectMode(CORNER); // Buildings drawn from top-left corner
  ellipseMode(CENTER); // Spiderman drawn from center
  buildingMaxHeight = height - 100; // Set here after canvas is created
  resetGame();
}

function draw() {
  background(135, 206, 235); // Sky blue background

  if (!gameOver) {
    // === Update and Draw Buildings ===
    for (let i = buildings.length - 1; i >= 0; i--) {
      let b = buildings[i];
      b.x -= gameSpeed; // Move building left

      fill(100); // Gray buildings
      noStroke();
      rect(b.x, b.y, b.width, b.height);

      // Remove building if it goes off-screen
      if (b.x + b.width < 0) {
        buildings.splice(i, 1);
      }
    }

    // Add new buildings when space opens up
    if (buildings.length === 0 || width - buildings[buildings.length - 1].x > random(100, 300)) {
      addBuilding();
    }

    // === Update Spiderman ===
    // Apply gravity
    spiderman.vy += gravity;

    if (spiderman.isSwinging) {
      // Calculate vector from Spiderman to the swing point
      let dx = spiderman.swingPoint.x - spiderman.x;
      let dy = spiderman.swingPoint.y - spiderman.y;
      let currentDist = sqrt(dx * dx + dy * dy);

      // Web tension force (pulls Spiderman towards the swingPoint if he stretches the web)
      if (currentDist > spiderman.webLength) {
        let forceMagnitude = (currentDist - spiderman.webLength) * swingForce;
        spiderman.vx += (dx / currentDist) * forceMagnitude;
        spiderman.vy += (dy / currentDist) * forceMagnitude;
      }

      // Damping to simulate air resistance and prevent endless swinging
      spiderman.vx *= damping;
      spiderman.vy *= damping;
    }

    // Update Spiderman's position based on velocity
    spiderman.x += spiderman.vx;
    spiderman.y += spiderman.vy;

    // Boundary check: If Spiderman falls off the bottom of the screen, it's game over
    if (spiderman.y - spiderman.size / 2 >= height) {
      gameOver = true;
    }

    // Boundary check: Keep Spiderman within horizontal bounds (or let him scroll with the game)
    if (spiderman.x < spiderman.size / 2) {
      spiderman.x = spiderman.size / 2;
      spiderman.vx = 0;
    }
    // If Spidey goes too far right, scroll the city faster to catch up
    if (spiderman.x > width * 0.75) {
      // This is a simple way to keep Spidey roughly in frame
      spiderman.x = width * 0.75;
      gameSpeed = 5; // Temporarily speed up city scroll
    } else {
      gameSpeed = 3; // Reset to normal scroll speed
    }

    // === Draw Spiderman ===
    // Draw web if swinging
    if (spiderman.isSwinging && spiderman.swingPoint) {
      stroke(200); // White web
      strokeWeight(2);
      line(spiderman.x, spiderman.y, spiderman.swingPoint.x, spiderman.swingPoint.y);
    }

    // Draw Spiderman body (red)
    fill(spiderman.color);
    noStroke();
    ellipse(spiderman.x, spiderman.y, spiderman.size, spiderman.size);
    // Draw Spiderman "suit" details (blue)
    fill(spiderman.suitColor);
    ellipse(spiderman.x, spiderman.y, spiderman.size * 0.7, spiderman.size * 0.7);
    fill(0);
    textSize(12);
    textAlign(CENTER, CENTER);
    text("Spidey", spiderman.x, spiderman.y + spiderman.size / 2 + 10); // Label

    // === Score ===
    // Score increases with horizontal distance traveled
    score++;
    fill(0);
    textSize(24);
    textAlign(LEFT, TOP);
    text("Score: " + score, 10, 10);

  } else {
    // === Game Over Screen ===
    fill(0);
    textSize(48);
    textAlign(CENTER, CENTER);
    text("GAME OVER!", width / 2, height / 2 - 50);
    textSize(24);
    text("You swung " + score + " units through the city!", width / 2, height / 2);
    text("Press SPACE to Restart", width / 2, height / 2 + 50);
  }
}

function addBuilding() {
  let bHeight = random(buildingMinHeight, buildingMaxHeight);
  buildings.push({
    x: width + random(50, 150), // Start off-screen to the right
    y: height - bHeight,
    width: buildingWidth,
    height: bHeight
  });
}

function keyPressed() {
  if (key === ' ' && !gameOver) { // Spacebar to shoot/release web
    if (spiderman.isSwinging) {
      // Release web
      spiderman.isSwinging = false;
      spiderman.swingPoint = null;
      spiderman.webLength = 0;
    } else {
      // Shoot web (attach to a random point high up)
      // We'll try to attach to a building if one is suitable, otherwise just the sky
      let targetX = random(spiderman.x + 50, spiderman.x + 200); // Shoot forward
      let targetY = random(0, height / 3); // High up

      let bestBuilding = null;
      let minDistanceToBuilding = Infinity;

      // Find the nearest building within shooting range
      for (let b of buildings) {
        if (b.x < targetX && b.x + b.width > targetX) { // Target X is within building's horizontal range
          if (targetY < b.y) { // Target Y is above the building
            let distToTop = abs(targetY - b.y);
            if (distToTop < minDistanceToBuilding) {
              minDistanceToBuilding = distToTop;
              bestBuilding = b;
            }
          }
        }
      }

      if (bestBuilding) {
        // Attach to the top of the building
        spiderman.swingPoint = {
          x: targetX,
          y: bestBuilding.y
        };
      } else {
        // If no suitable building, attach to a random point high in the sky
        spiderman.swingPoint = {
          x: targetX,
          y: random(0, height / 3)
        };
      }

      // Calculate the initial web length
      spiderman.webLength = dist(spiderman.x, spiderman.y, spiderman.swingPoint.x, spiderman.swingPoint.y);
      spiderman.isSwinging = true;

      // Add a slight initial tangential push to help start the swing
      // (This is optional but makes it feel better)
      let angleToSwingPoint = atan2(spiderman.swingPoint.y - spiderman.y, spiderman.swingPoint.x - spiderman.x);
      spiderman.vx += cos(angleToSwingPoint + HALF_PI) * 3;
      spiderman.vy += sin(angleToSwingPoint + HALF_PI) * 3;
    }
  } else if (gameOver && key === ' ') {
    resetGame(); // Restart the game
  }
}

function resetGame() {
  gameOver = false;
  score = 0;
  buildings = [];
  spiderman = {
    x: 100,
    y: 100,
    size: 40,
    vx: 0,
    vy: 0,
    isSwinging: false,
    swingPoint: null,
    webLength: 0,
    color: color(200, 0, 0), // Now called within p5.js context
    suitColor: color(0, 0, 200) // Now called within p5.js context
  };
  // Add some initial buildings
  addBuilding();
  addBuilding();
  addBuilding();
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  buildingMaxHeight = height - 100; // Update for new window size
  // Re-initialize buildings for the new window size
  buildings = [];
  addBuilding();
  addBuilding();
  addBuilding();
}