AI game creator

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

No:14763

←

Prev Next

→

Flappy bird
Developer User6309｜Date and time 23/9/4 5:56:34
Build time 27.239 sec｜Game capacity 3.505KB｜

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 black;
      background-color: skyblue;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Carregando as imagens de fundo, pássaro e obstáculos
    var backgroundImage = new Image();
    backgroundImage.src = "background.png";
    var birdImage = new Image();
    birdImage.src = "bird.png";
    var obstacleImage = new Image();
    obstacleImage.src = "obstacle.png";

// Variáveis do jogo
    var score = 0;
    var birdX = 50;
    var birdY = 150;
    var gravity = 1.5;
    var jumpStrength = 25;
    var obstacleGap = 200;
    var obstacleFrequency = 120;
    var obstacles = [];

// Evento de clique para fazer o pássaro pular
    canvas.addEventListener("mousedown", function() {
      birdY -= jumpStrength;
    });

// Função para atualizar os elementos e verificar colisões
    function update() {
      context.drawImage(backgroundImage, 0, 0);
      context.drawImage(birdImage, birdX, birdY);

// Atualizando a posição do pássaro e aplicando a gravidade
      birdY += gravity;

// Verificando colisões com os obstáculos
      for (var i = 0; i < obstacles.length; i++) {
        context.drawImage(obstacleImage, obstacles[i].x, obstacles[i].y);
        obstacles[i].x -= 5;

// Verificando colisão do pássaro com os obstáculos
        if (
          birdX + birdImage.width >= obstacles[i].x &&
          birdX <= obstacles[i].x + obstacleImage.width &&
          (birdY <= obstacles[i].y + obstacleImage.height ||
            birdY + birdImage.height >= obstacles[i].y + obstacleImage.height + obstacleGap)
        ) {
          gameOver();
        }

// Removendo obstáculos que saem da tela
        if (obstacles[i].x + obstacleImage.width <= 0) {
          obstacles.splice(i, 1);
        }

// Aumentando a pontuação ao passar por um obstáculo
        if (birdX > obstacles[i].x + obstacleImage.width && !obstacles[i].passed) {
          score++;
          obstacles[i].passed = true;
        }
      }

// Desenhando a pontuação
      context.font = "18px Arial";
      context.fillStyle = "#000";
      context.fillText("Pontuação: " + score, 10, 20);

// Gerando novos obstáculos
      if (frames % obstacleFrequency === 0) {
        var newObstacle = {
          x: canvas.width,
          y: Math.floor(Math.random() * (canvas.height - obstacleImage.height - obstacleGap)),
          passed: false
        };
        obstacles.push(newObstacle);
      }

// Verificando se o pássaro saiu da tela
      if (birdY + birdImage.height >= canvas.height) {
        gameOver();
      }

// Redesenhando os elementos a cada quadro
      requestAnimationFrame(update);
    }

// Função para encerrar o jogo
    function gameOver() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      context.fillStyle = "#000";
      context.font = "30px Arial";
      context.fillText("Game Over", 150, 180);
      context.fillText("Pontuação final: " + score, 130, 220);
    }

// Iniciando o jogo
    var frames = 0;
    update();
  </script>
</body>
</html>