AI game creator

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

No:21089

←

Prev Next

→

Flappy bird
Developer User9291｜Date and time 23/10/13 7:14:24
Build time 75.157 sec｜Game capacity 3.003KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Flappy Bird</title>
<style>
  canvas {
    border:1px solid #000000;
  }
</style>
</head>
<body>
<script>
  // Variáveis do jogo
  var canvas, context;
  var birdX, birdY;
  var gravity;
  var gap, gapPosition;
  var pipes;
  var score;
  var gameStarted;

function start() {
    // Inicialização do jogo
    canvas = document.createElement("canvas");
    context = canvas.getContext("2d");

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

document.body.appendChild(canvas);

birdX = 50;
    birdY = canvas.height / 2;
    gravity = 2;
    gap = 200;
    gapPosition = canvas.width;
    pipes = [];
    score = 0;
    gameStarted = false;

document.addEventListener("keydown", flap);

setInterval(update, 20);
  }

function flap(event) {
    // Função que permite ao pássaro voar ao pressionar qualquer tecla
    if (!gameStarted) {
      gameStarted = true;
    }
    birdY -= 50;
  }

function createPipe() {
    // Função para criar os canos
    var pipe = {
      x: canvas.width,
      y: Math.random() * (canvas.height - gap),
      width: 100,
      height: gap
    };

pipes.push(pipe);
  }

function updatePipes() {
    // Função para atualizar a posição dos canos
    for (var i = 0; i < pipes.length; i++) {
      pipes[i].x -= 5;

if (pipes[i].x + pipes[i].width < 0) {
        pipes.splice(i, 1);
        score += 1;
      }

if (
        birdX + 50 > pipes[i].x &&
        birdX < pipes[i].x + pipes[i].width &&
        (birdY < pipes[i].y || birdY + 50 > pipes[i].y + pipes[i].height)
      ) {
        endGame();
      }
    }

if (pipes.length < 2) {
      createPipe();
    }
  }

function endGame() {
    // Função para finalizar o jogo
    context.fillStyle = "red";
    context.font = "50px Arial";
    context.fillText("Fim de jogo! Pontuação: " + score, 50, canvas.height / 2);
    gameStarted = false;
  }

function update() {
    // Função de atualização do jogo
    context.clearRect(0, 0, canvas.width, canvas.height);

if (gameStarted) {
      birdY += gravity;
      context.fillStyle = "blue";
      context.fillRect(birdX, birdY, 50, 50);
      context.fillStyle = "green";
      for (var i = 0; i < pipes.length; i++) {
        context.fillRect(
          pipes[i].x,
          0,
          pipes[i].width,
          pipes[i].y
        );
        context.fillRect(
          pipes[i].x,
          pipes[i].y + pipes[i].height,
          pipes[i].width,
          canvas.height - (pipes[i].y + pipes[i].height)
        );
      }

updatePipes();

if (birdY > canvas.height || birdY < 0) {
        endGame();
      }
    } else {
      context.fillStyle = "black";
      context.font = "40px Arial";
      context.fillText("Pressione qualquer tecla para começar!", 100, canvas.height / 2 - 50);
      context.fillText("Pontuação: " + score, 100, canvas.height / 2 + 50);
    }
  }

start();
</script>
</body>
</html>