Flappy bird but something is chasing you's game

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

No:26544

←

Prev Next

→

Flappy bird but something is chasing you
Developer User13189｜Date and time 23/12/1 17:16:59
Build time 113.706 sec｜Game capacity 3.334KB｜

Script

Sure! Here's an example of a game similar to Flappy Bird where something is chasing the player. It is implemented as a single HTML file, enclosed in script tags, and written in JavaScript.

This game features a bird that is controlled by pressing the Spacebar. The bird needs to avoid getting caught by the chasing object. The score increments as the bird moves forward. Once the bird collides with the chasing object, the game is over, and a "Game Over" message is displayed. Please note that this is a simple implementation to demonstrate the concept and may require additional improvements for a complete game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's an example of a game similar to Flappy Bird where something is chasing the player. It is implemented as a single HTML file, enclosed in script tags, and written in JavaScript.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Chasing Bird Game</title>
    <style>
      canvas {
        border: 1px solid #000;
        display: block;
        margin: 20px auto;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Load game assets and start the game
      window.onload = function () {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");

birdX = 50;
        birdY = canvas.height / 2;
        chasingX = canvas.width - 100;
        chasingY = canvas.height / 2;
        score = 0;
        isGameOver = false;

document.addEventListener("keydown", handleKeyPress);
        setInterval(update, 20);
      };

// Handle key press events
      function handleKeyPress(event) {
        if (event.keyCode === 32) { // Spacebar
          birdY -= 40;
        }
      }

// Update game logic and render the scene
      function update() {
        if (!isGameOver) {
          // Move bird up or down
          birdY += 2;

// Move chasing object towards the player
          if (birdX < chasingX) {
            chasingX -= 3;
          }

// Check collision with chasing object
          if (isColliding(birdX, birdY, 20, 20, chasingX, chasingY, 30, 30)) {
            isGameOver = true;
          }

// Increase score
          score++;

// Clear the canvas
          ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw bird
          ctx.fillStyle = "yellow";
          ctx.fillRect(birdX, birdY, 20, 20);

// Draw chasing object
          ctx.fillStyle = "red";
          ctx.fillRect(chasingX, chasingY, 30, 30);

// Draw score
          ctx.fillStyle = "black";
          ctx.font = "24px Arial";
          ctx.fillText("Score: " + score, 10, 30);
        } else {
          // Game over message
          ctx.clearRect(0, 0, canvas.width, canvas.height);
          ctx.fillStyle = "black";
          ctx.font = "48px Arial";
          ctx.fillText("Game Over", canvas.width / 2 - 120, canvas.height / 2);
        }
      }

// Detect collision between two rectangular objects
      function isColliding(rect1X, rect1Y, rect1Width, rect1Height, rect2X, rect2Y, rect2Width, rect2Height) {
        return (
          rect1X < rect2X + rect2Width &&
          rect1X + rect1Width > rect2X &&
          rect1Y < rect2Y + rect2Height &&
          rect1Y + rect1Height > rect2Y
        );
      }
    </script>
  </body>
</html>
```

Please note that this is a simple implementation to demonstrate the concept and may require additional improvements for a complete game.