Flappy bird but replace bird with spiderman's game

Click here for free DL of the app version that can save data.

No:18490

←

Prev Next

→

Flappy bird but replace bird with spiderman
Developer User8179｜Date and time 23/9/29 17:09:15
Build time 43.403 sec｜Game capacity 3.663KB｜

Script

Sure! Here's the code for a Flappy Bird game where the bird is replaced with Spiderman:

To play the game, just copy and paste the code into an HTML file and open it using a web browser on your smartphone. You can control Spiderman's jump by tapping the space bar or any equivalent key on a smartphone's soft keyboard. The goal is to navigate Spiderman through the gaps between the pipes without colliding. Please note that the image used for Spiderman is sourced from Pixabay (https://pixabay.com/photos/spiderman-superhero-hero-comics-1846376/) and is subject to its own copyright restrictions.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

Sure! Here's the code for a Flappy Bird game where the bird is replaced with Spiderman:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Spiderman Flappy Bird</title>
  <style>
    canvas {
      background-color: #70c5ce;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="500"></canvas>
  <script>
    // Spiderman Flappy Bird Game
    
    // Set up canvas and context
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");
  
    // Spiderman properties
    const spidermanWidth = 60;
    const spidermanHeight = 50;
    let spidermanX = 50;
    let spidermanY = canvas.height / 2 - spidermanHeight / 2;
    let spidermanGravity = 1.5;
    let spidermanJump = 25;
  
    // Pipe properties
    const pipeGap = 150;
    const pipeWidth = 80;
    const pipeHeight = 300;
    let pipeX = canvas.width;
    let pipeY = 0;
    let pipeDistance = 400;
    let pipeSpeed = 2;
  
    // Score tracking
    let score = 0;
  
    // Control Spiderman's jump
    document.addEventListener("keydown", jump);
  
    function jump(event) {
      if (event.code === "Space") {
        spidermanY -= spidermanJump;
        spidermanGravity = 1.5;
      }
    }
  
    // Move Spiderman and pipes
    function move() {
      // Gravity effect on Spiderman
      spidermanY += spidermanGravity;
      spidermanGravity += 0.5;
  
      // Move the pipes
      pipeX -= pipeSpeed;
  
      // Generate new pipes
      if (pipeX < -pipeWidth) {
        pipeX = canvas.width;
        pipeY = Math.floor(Math.random() * pipeHeight) - pipeHeight;
        score++;
      }
  
      // Check for collision
      if (
        spidermanX < pipeX + pipeWidth &&
        spidermanX + spidermanWidth > pipeX &&
        (spidermanY < pipeY + pipeHeight ||
          spidermanY + spidermanHeight > pipeY + pipeHeight + pipeGap) ||
        spidermanY > canvas.height - spidermanHeight
      ) {
        endGame();
      }
    }
  
    // Draw Spiderman and pipes
    function draw() {
      // Draw the background
      context.fillStyle = "#70c5ce";
      context.fillRect(0, 0, canvas.width, canvas.height);
  
      // Draw Spiderman
      const spidermanImg = new Image();
      spidermanImg.src =
        "https://cdn.pixabay.com/photo/2016/11/21/14/38/spiderman-1846376_960_720.png";
      context.drawImage(spidermanImg, spidermanX, spidermanY, spidermanWidth, spidermanHeight);
  
      // Draw the pipes
      context.fillStyle = "#006400";
      context.fillRect(pipeX, pipeY + pipeHeight, pipeWidth, canvas.height);
      context.fillRect(pipeX, pipeY, pipeWidth, pipeHeight);
  
      // Draw the score
      context.fillStyle = "#ffffff";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
    }
  
    // End the game
    function endGame() {
      alert("Game Over! Your Score: " + score);
      location.reload();
    }
  
    // Game loop
    function gameLoop() {
      move();
      draw();
      requestAnimationFrame(gameLoop);
    }
  
    // Start the game
    gameLoop();
  
  </script>
</body>
</html>
```

Please note that the image used for Spiderman is sourced from Pixabay (https://pixabay.com/photos/spiderman-superhero-hero-comics-1846376/) and is subject to its own copyright restrictions.