AI game creator

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

No:12582

120

←

Prev Next

→

Flappy bird
Developer User5242｜Date and time 23/8/20 2:32:31
Build time 15.926 sec｜Game capacity 3.351KB｜

Script

Voici un exemple de code pour le jeu Flappy Bird, écrit en HTML avec JavaScript :

Ce code représente un jeu Flappy Bird simple où vous contrôlez un oiseau en appuyant sur une touche pour le faire monter et éviter les tuyaux verts. Le jeu se déroule dans un canvas de 320x480 pixels et utilise deux rectangles colorés pour représenter l'oiseau et les tuyaux.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Voici un exemple de code pour le jeu Flappy Bird, écrit en HTML avec JavaScript :

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        #gameCanvas {
            border: 1px solid black;
            position: relative;
            width: 320px;
            height: 480px;
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <div id="gameCanvas"></div>

// Détection des touches
        document.addEventListener("keydown", function () {
            velocity -= 20; // Appliquer une force de saut à l'oiseau
        });

// Fonction de jeu principale
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height); // Effacer le canvas

velocity += gravity; // Appliquer la gravité à la vitesse de l'oiseau
            bird.y += velocity; // Mettre à jour la position de l'oiseau

// Dessiner l'oiseau
            ctx.fillStyle = "yellow";
            ctx.fillRect(bird.x, bird.y, bird.width, bird.height);

// Générer des tuyaux
            if (frames % 120 === 0) {
                var pipeY = Math.floor(Math.random() * 200) + 50; // Hauteur aléatoire pour le tuyau

// Ajouter les tuyaux au tableau
                pipes.push({
                    x: canvas.width,
                    y: 0,
                    width: 50,
                    height: pipeY
                });

pipes.push({
                    x: canvas.width,
                    y: pipeY + gap,
                    width: 50,
                    height: canvas.height - pipeY - gap
                });
            }

// Déplacer les tuyaux vers la gauche
            for (var i = 0; i < pipes.length; i++) {
                var p = pipes[i];

p.x -= 5; // Vitesse de déplacement des tuyaux

// Dessiner les tuyaux
                ctx.fillStyle = "green";
                ctx.fillRect(p.x, p.y, p.width, p.height);

// Détection de collision avec les tuyaux
                if (bird.x < p.x + p.width &&
                    bird.x + bird.width > p.x &&
                    bird.y < p.y + p.height &&
                    bird.y + bird.height > p.y) {
                    // Collision détectée, fin de jeu
                    alert("Perdu !");
                    location.reload(); // Recharge la page pour recommencer
                }
            }

requestAnimationFrame(gameLoop); // Boucle le jeu
        }

// Démarrer la boucle de jeu
        gameLoop();
    </script>
</body>
</html>
```