AI game creator

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

No:27680

←

Prev Next

→

Flappy bird
Developer User13750｜Date and time 23/12/8 5:35:00
Build time 31.757 sec｜Game capacity 2.154KB｜

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 #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Variables du jeu
    let birdX = 50;
    let birdY = canvas.height / 2;
    let birdRadius = 20;
    let birdSpeedY = 0;
    let gravity = 0.5;
    let score = 0;
    let gameIsOver = false;

// Chargement des images
    const birdImage = new Image();
    birdImage.src = "bird.png";

// Ajout d'un événement de clic pour faire sauter l'oiseau
    document.addEventListener("click", () => {
      if (gameIsOver) {
        resetGame();
      }
      birdSpeedY = -10;
    });

// Boucle de jeu
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Mise à jour des positions
      birdY += birdSpeedY;
      birdSpeedY += gravity;

// Dessin de l'oiseau
      context.drawImage(birdImage, birdX - birdRadius, birdY - birdRadius, birdRadius * 2, birdRadius * 2);

// Vérification des collisions
      if (birdY - birdRadius <= 0 || birdY + birdRadius >= canvas.height) {
        gameOver();
      }

// Mise à jour du score
      score++;
      context.font = "30px Arial";
      context.fillText("Score: " + score, 10, 50);

if (!gameIsOver) {
        requestAnimationFrame(gameLoop);
      }
    }

// Fonction de fin de jeu
    function gameOver() {
      gameIsOver = true;
      context.font = "40px Arial";
      context.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
      context.fillText("Cliquez pour rejouer", canvas.width / 2 - 140, canvas.height / 2 + 50);
    }

// Fonction de réinitialisation du jeu
    function resetGame() {
      birdY = canvas.height / 2;
      birdSpeedY = 0;
      score = 0;
      gameIsOver = false;
      gameLoop();
    }

// Démarrage du jeu
    gameLoop();
  </script>
</body>
</html>