Flappy bird with emojis's game

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

No:10811

←

Prev Next

→

Flappy bird with emojis
Developer User4492｜Date and time 23/8/3 7:04:42
Build time 30.186 sec｜Game capacity 3.727KB｜

Script

Sure! Here's a simple implementation of Flappy Bird using emojis as pictograms within a single HTML file:

You can copy and paste this code into a single HTML file, save it, and open it in a web browser. The game should start automatically and you can control the bird by tapping the spacebar. The objective is to navigate the bird through the gaps in the cacti-like pipes without colliding with them. The score is displayed at the top of the screen, and the game ends when the bird collides with a pipe.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a simple implementation of Flappy Bird using emojis as pictograms within a single HTML file:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Flappy Bird with Emojis</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Emoji pictograms
    const birdEmoji = "🐦";
    const pipeEmoji = "🌵";

function Bird() {
      this.x = 50;
      this.y = 200;
      this.gravity = 0.6;
      this.lift = -15;
      this.velocity = 0;

this.show = function() {
        fill(255);
        textSize(32);
        text(birdEmoji, this.x, this.y);
      };

this.update = function() {
        this.velocity += this.gravity;
        this.y += this.velocity;

if (this.y >= height) {
          this.y = height;
          this.velocity = 0;
        }

if (this.y <= 0) {
          this.y = 0;
          this.velocity = 0;
        }
      };

this.jump = function() {
        this.velocity += this.lift;
      };
    }

function Pipe() {
      this.x = width;
      this.y = random(height / 2 - 100);
      this.width = 60;
      this.speed = 2;

this.show = function() {
        fill(0, 255, 0);
        rect(this.x, 0, this.width, this.y);
        rect(this.x, this.y + 200, this.width, height - (this.y + 200));
      };

this.update = function() {
        this.x -= this.speed;
      };

this.offscreen = function() {
        return this.x < -this.width;
      };
    }

function setup() {
      createCanvas(400, 600);

bird = new Bird();
      pipes = [new Pipe()];
      score = 0;
      isGameOver = false;
    }

function draw() {
      background(0);

for (let i = pipes.length - 1; i >= 0; i--) {
        pipes[i].show();
        pipes[i].update();

// Check collision
        if (pipes[i].x + pipes[i].width > bird.x && pipes[i].x < bird.x + 32) {
          if (bird.y < pipes[i].y || bird.y > pipes[i].y + 200) {
            gameOver();
          }
        }

// Increase score if bird passes a pipe
        if (pipes[i].x === bird.x) {
          score++;
        }

// Remove offscreen pipes
        if (pipes[i].offscreen()) {
          pipes.splice(i, 1);
        }
      }

bird.show();
      bird.update();

// Display score
      fill(255);
      textSize(18);
      text(`Score: ${score}`, 10, 20);
    }

function keyPressed() {
      if (key === ' ') {
        bird.jump();
      }
    }

function gameOver() {
      isGameOver = true;
      noLoop();
      alert(`Game Over! Final Score: ${score}`);
    }

// Start the game
    function startGame() {
      setup();
      draw();
      setInterval(function() {
        if (!isGameOver) {
          pipes.push(new Pipe());
        }
      }, 2000);
    }

// Enclose the game logic within script tags
    document.addEventListener("DOMContentLoaded", function(event) {
      startGame();
    });
  </script>
</body>
</html>
```