Créé un jeux du style simple plane's game

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

No:19203

←

Prev Next

→

Créé un jeux du style simple plane
Developer User8467｜Date and time 23/10/2 2:30:10
Build time 17.503 sec｜Game capacity 4.47KB｜

Script

Bien sûr! Voici un exemple de jeu simple inspiré de "Flappy Bird" que vous pouvez jouer en utilisant les commandes tactiles d'un smartphone. Le jeu est implémenté en tant que fichier HTML unique, utilise du JavaScript et est encadré par des balises de script.

Pour jouer, il suffit de copier le code ci-dessus dans un fichier HTML et de l'ouvrir dans un navigateur Web sur votre smartphone. Le jeu vous permet de contrôler un avion en touchant l'écran pour éviter les obstacles. Le but est de rester en vie aussi longtemps que possible et d'accumuler des points en dépassant les obstacles.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Simple Plane</title>
    <style>
        canvas {
            background: #f8f8f8;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

// Variables du jeu
        var plane;
        var gravity;
        var obstacles;
        var score;
        var gameover;

// Fonction pour initialiser le jeu
        function initGame() {
            plane = { x: 50, y: canvas.height / 2, size: 25, speed: 0 };
            gravity = 0.2;
            obstacles = [];
            score = 0;
            gameover = false;

// Écouteur d'événement pour le toucher
            canvas.addEventListener("touchstart", handleTouch);
        }

// Fonction pour gérer le toucher
        function handleTouch(e) {
            if (plane.y > 0) {
                plane.speed = -4;
            }
        }

// Fonction pour créer des obstacles
        function createObstacle() {
            var obstacle = { x: canvas.width, y: Math.random() * (canvas.height - 100) + 50, size: 50 };
            obstacles.push(obstacle);
        }

// Fonction pour mettre à jour les positions des objets du jeu
        function update() {
            plane.y += plane.speed;
            plane.speed += gravity;

for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].x -= 3;

// Vérification des collisions
                if (
                    plane.x < obstacles[i].x + obstacles[i].size &&
                    plane.x + plane.size > obstacles[i].x &&
                    plane.y < obstacles[i].y + obstacles[i].size &&
                    plane.y + plane.size > obstacles[i].y
                ) {
                    gameover = true;
                }

// Suppression des obstacles hors de l'écran
                if (obstacles[i].x + obstacles[i].size < 0) {
                    obstacles.splice(i, 1);
                    score++;
                }
            }

// Génération d'un nouvel obstacle toutes les 100 frames
            if (score % 100 === 0 && score > 0) {
                createObstacle();
            }
        }

// Fonction pour dessiner les objets du jeu
        function draw() {
            // Effacer le canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dessiner le plane
            ctx.fillStyle = "#ffcc00";
            ctx.fillRect(plane.x, plane.y, plane.size, plane.size);

// Dessiner les obstacles
            ctx.fillStyle = "#333333";
            for (var i = 0; i < obstacles.length; i++) {
                ctx.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].size, obstacles[i].size);
            }

// Dessiner le score
            ctx.fillStyle = "#333333";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);

if (gameover) {
                // Dessiner l'écran de fin de jeu
                ctx.fillStyle = "#333333";
                ctx.font = "40px Arial";
                ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
            }
        }

// Fonction pour exécuter le jeu
        function playGame() {
            initGame();

function gameLoop() {
                if (!gameover) {
                    update();
                    draw();
                    requestAnimationFrame(gameLoop);
                }
            }

gameLoop();
        }

// Lancer le jeu
        playGame();
    </script>
</body>
</html>
```