Flappy bird with emojis's game

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

No:10812

←

Prev Next

→

Flappy bird with emojis
Developer User4492｜Date and time 23/8/3 7:05:47
Build time 29.373 sec｜Game capacity 3.579KB｜

Script

Sure, here's a simplified version of Flappy Bird using emojis. Please note that due to the limitations of text-based representation, some aspects of the original game may not be fully replicated.

Score: 0

To play the game, you can copy and paste the above code into an HTML file and open it in your web browser. The game will be played on a canvas element and you can control the bird (represented by a bird emoji) using the spacebar. Try to navigate through the obstacles (represented by tree emojis) and avoid collisions to increase your score. When the game is over, an alert message will appear displaying your final score.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure, here's a simplified version of Flappy Bird using emojis. Please note that due to the limitations of text-based representation, some aspects of the original game may not be fully replicated.

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      canvas {
        border: 1px solid #000;
        display: block;
        margin: 0 auto;
      }
      #score {
        text-align: center;
        margin-top: 20px;
        font-size: 24px;
      }
    </style>
  </head>
  <body>
    <canvas id="game" width="600" height="400"></canvas>
    <div id="score">Score: 0</div>

var bird = { x: 50, y: canvas.height / 2, radius: 20, speed: 5, gravity: 0.7, jump: 12 };
      var obstacles = [];
      var score = 0;
      var gravity = 0;
      var gameSpeed = 3;

// Emoji Images
      const birdEmoji = "🐦";
      const obstacleEmoji = "🌳";

// Event Listeners
      document.addEventListener("keydown", function (event) {
        if (event.code === "Space") {
          bird.y -= bird.jump;
        }
      });

// Game Loop
      function loop() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Bird
        context.font = "48px Arial";
        context.fillText(birdEmoji, bird.x, bird.y);

// Obstacles
        if (frames % 100 === 0) {
          obstacles.push({
            x: canvas.width,
            y: Math.random() * (canvas.height - 200) + 100,
            width: 40,
            height: 200,
            passed: false
          });
        }

for (var i = 0; i < obstacles.length; i++) {
          var o = obstacles[i];

context.fillText(obstacleEmoji, o.x, o.y);
          o.x -= gameSpeed;

// Collision
          if (
            bird.x < o.x + o.width &&
            bird.x + bird.radius > o.x &&
            bird.y < o.y + o.height &&
            bird.y + bird.radius > o.y
          ) {
            gameOver();
          }

// Passed Obstacle
          if (bird.x > o.x + o.width && !o.passed) {
            o.passed = true;
            score++;
            updateScore();
          }

// Remove Obstacle
          if (o.x + o.width < 0) {
            obstacles.splice(i, 1);
            i--;
          }
        }

// Bird Gravity
        bird.y += bird.speed;
        bird.speed += bird.gravity;

// Game Over
        if (bird.y > canvas.height) {
          gameOver();
        }

context.fillStyle = "#000";
        context.font = "22px Arial";
        context.fillText("Score: " + score, 10, 30);

requestAnimationFrame(loop);
      }

function updateScore() {
        var scoreElement = document.getElementById("score");
        scoreElement.innerText = "Score: " + score;
      }

function gameOver() {
        alert("Game Over! Your Score: " + score);
        bird.y = canvas.height / 2;
        obstacles = [];
        score = 0;
        updateScore();
        bird.speed = 5;
      }

loop();
    </script>
  </body>
</html>
```