AI game creator

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

No:8240

245

←

Prev Next

→

Flapy bird
Developer User4162｜Date and time 23/7/14 11:14:25
Build time 29.021 sec｜Game capacity 3.857KB｜

Script

Bien sûr, voici un exemple de jeu similaire à Flappy Bird, écrit en HTML et JavaScript dans un seul fichier HTML :

// Script tags encapsulant le code JavaScript
Ce code crée un jeu similaire à Flappy Bird où vous devez cliquer sur l'écran pour faire voler l'oiseau et éviter les tuyaux. Vous pouvez l'essayer en enregistrant le code dans un fichier HTML, puis en l'ouvrant dans un navigateur compatible avec JavaScript.

←

Prev　Next

→ 　

Back　

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

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

Bien sûr, voici un exemple de jeu similaire à Flappy Bird, écrit en HTML et JavaScript dans un seul fichier HTML :

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            background-color: #70c5ce;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="600"></canvas>

// Initialisation du canvas et du contexte
        var canvas = document.getElementById("canvas");
        var ctx = canvas.getContext("2d");

// Variables du jeu
        var birdX = 50;
        var birdY = canvas.height / 2;
        var birdRadius = 20;
        var birdSpeed = 2;
        var gravity = 1;
        var score = 0;

var pipeWidth = 60;
        var pipeHeight = 300;
        var pipeGap = 150;
        var pipeX = canvas.width;
        var pipeY = 0;
        var pipeSpeed = 2;

var isGameOver = false;

// Gérer les événements de clic/toucher pour faire voler l'oiseau
        document.addEventListener("click", function() {
            if (!isGameOver) {
                birdSpeed = -10;
            } else {
                resetGame();
            }
        });

// Fonction principale de mise à jour du jeu
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Mettre à jour la position de l'oiseau en fonction de sa vitesse et de la gravité
            birdY += birdSpeed;
            birdSpeed += gravity;

// Dessiner l'oiseau
            ctx.beginPath();
            ctx.arc(birdX, birdY, birdRadius, 0, Math.PI * 2);
            ctx.fillStyle = "#ff6a6a";
            ctx.fill();
            ctx.closePath();

// Mettre à jour la position du tuyau
            pipeX -= pipeSpeed;

// Dessiner le tuyau
            ctx.fillStyle = "#a3e97f";
            ctx.fillRect(pipeX, pipeY, pipeWidth, pipeHeight);
            ctx.fillRect(pipeX, pipeY + pipeHeight + pipeGap, pipeWidth, canvas.height - pipeY - pipeHeight - pipeGap);

// Détection de collision
            if (birdY + birdRadius > canvas.height || birdY - birdRadius < 0 || ctx.isPointInPath(pipeX, birdY)) {
                isGameOver = true;
            }

// Mise à jour du score
            if (pipeX + pipeWidth < birdX) {
                score++;
                pipeX = canvas.width;
            }

// Affichage du score
            ctx.font = "30px Arial";
            ctx.fillStyle = "#fff";
            ctx.fillText("Score: " + score, 10, 50);

if (!isGameOver) {
                requestAnimationFrame(update);
            } else {
                gameOver();
            }
        }

// Fonction pour réinitialiser le jeu après la fin du jeu
        function resetGame() {
            birdY = canvas.height / 2;
            birdSpeed = 2;
            pipeX = canvas.width;
            score = 0;
            isGameOver = false;
            update();
        }

// Fonction appelée lors de la fin du jeu
        function gameOver() {
            ctx.font = "50px Arial";
            ctx.fillStyle = "#000";
            ctx.fillText("Game Over", 90, canvas.height / 2 - 50);
            ctx.font = "30px Arial";
            ctx.fillText("Click to Play Again", 110, canvas.height / 2);
        }

// Lancer le jeu lors du chargement de la page
        update();
    </script>
</body>
```

Ce code crée un jeu similaire à Flappy Bird où vous devez cliquer sur l'écran pour faire voler l'oiseau et éviter les tuyaux. Vous pouvez l'essayer en enregistrant le code dans un fichier HTML, puis en l'ouvrant dans un navigateur compatible avec JavaScript.