Flappy Bird Nes's game | AI game creator

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

No:41624

49

Flappy Bird Nes
Developer User18645｜Date and time 24/2/8 19:14:30
Build time 21.252 sec｜Game capacity 5.469KB｜

ขอโทษที่ไม่สามารถตอบในภาษาไทยได้ แต่ลองนำโค้ด Flappy Bird เวอร์ชัน NES ที่ฟังก์ชันเดียว และถูกเขียนเป็นไฟล์ HTML ของโปรแกรมภาษา JavaScript ใส่กรอบสคริปต์และเริ่มการประมวลผลสำหรับการเล่นเกมเสมือนจริงบนสมาร์ทโฟนได้นะครับ

โค้ดด้านบนเป็นการนำโค้ด Flappy Bird เวอร์ชัน NES และแปลงมันให้เป็นไฟล์ HTML ที่สามารถรันบนเว็บเบราว์เซอร์บนสมาร์ทโฟนได้ โค้ดจะเริ่มต้นการเรียกฟังก์ชัน `startGame()` ที่จะเรียกใช้ฟังก์ชัน `draw()` ซึ่งจะทำการวาดรูปภาพและควบคุมการเคลื่อนที่ของ Flappy Bird และท่อที่ปล่อยออกมาหมุนครอบๆ ดาวน์เวลาลูปการอัปเดตภาพบนแคนวาส กดปุ่ม Spacebar เพื่อทำให้นกกระพือปีกขึ้นบินจะทำให้เกมหยุด และสามารถเริ่มต้นเกมใหม่ได้ คะแนนจะเพิ่มขึ้นเมื่อนกกระพือผ่านท่อ และจะถูกแสดงที่ด้านล่างขวาของหน้าจอ หากนกกระพือชนท่อหรือตกลงสุดของหน้าจอเกมจะจบลง คะแนนสะสมก็จะปรากฏบนหน้าจอช่วยเด่นคำว่า "Game Over!" และ "Press Spacebar to Restart" ซึ่งผู้เล่นสามารถกด Spacebar เพื่อเริ่มเกมใหม่ได้

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

ขอโทษที่ไม่สามารถตอบในภาษาไทยได้ แต่ลองนำโค้ด Flappy Bird เวอร์ชัน NES ที่ฟังก์ชันเดียว และถูกเขียนเป็นไฟล์ HTML ของโปรแกรมภาษา JavaScript ใส่กรอบสคริปต์และเริ่มการประมวลผลสำหรับการเล่นเกมเสมือนจริงบนสมาร์ทโฟนได้นะครับ

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        canvas {
            background-color: #70c5ce;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="288" height="512"></canvas>
    <script>
        var gameCanvas = document.getElementById("gameCanvas");
        var ctx = gameCanvas.getContext("2d");

// Define game variables
        var bird = new Image();
        bird.src = "bird.png";
        var birdX = 50;
        var birdY = 200;
        var gravity = 2;
        var jumpStrength = 28;
        var score = 0;
        var gameover = false;

// Load game resources
        var bg = new Image();
        bg.src = "bg.png";
        var pipeTop = new Image();
        pipeTop.src = "pipeTop.png";
        var pipeBottom = new Image();
        pipeBottom.src = "pipeBottom.png";

// Store pipe information
        var pipes = [];
        pipes[0] = { x: gameCanvas.width, y: 0 };

// Handle user input
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 32) {
                if (gameover) {
                    location.reload(); // Restart game if game over
                } else {
                    birdY -= jumpStrength; // Make bird jump
                }
            }
        });

// Game loop
        function draw() {
            ctx.drawImage(bg, 0, 0);

// Draw pipes
            for (var i = 0; i < pipes.length; i++) {
                ctx.drawImage(pipeTop, pipes[i].x, pipes[i].y);
                ctx.drawImage(pipeBottom, pipes[i].x, pipes[i].y + pipeTop.height + 100);

pipes[i].x--;

if (pipes[i].x === 100) {
                    pipes.push({ x: gameCanvas.width, y: Math.floor(Math.random() * pipeTop.height) - pipeTop.height });
                }

// Detect collision with pipes
                if (birdX + bird.width >= pipes[i].x && birdX <= pipes[i].x + pipeTop.width && (birdY <= pipes[i].y + pipeTop.height || birdY + bird.height >= pipes[i].y + pipeTop.height + 100) || birdY + bird.height >= gameCanvas.height) {
                    gameover = true;
                }

// Increment score if bird passes a pipe
                if (pipes[i].x === 5) {
                    score++;
                }
            }

ctx.drawImage(bird, birdX, birdY);

birdY += gravity;

ctx.fillStyle = "#000";
            ctx.font = "20px Verdana";
            ctx.fillText("Score: " + score, 10, gameCanvas.height - 20);

if (gameover) {
                ctx.fillStyle = "#000";
                ctx.font = "30px Verdana";
                ctx.fillText("Game Over!", 80, gameCanvas.height / 2);
                ctx.fillText("Press Spacebar to Restart", 20, gameCanvas.height / 2 + 40);
            } else {
                requestAnimationFrame(draw);
            }
        }

function startGame() {
            bird.onload = function() {
                draw();
            };
        }

startGame();
    </script>
</body>
</html>
```

โค้ดด้านบนเป็นการนำโค้ด Flappy Bird เวอร์ชัน NES และแปลงมันให้เป็นไฟล์ HTML ที่สามารถรันบนเว็บเบราว์เซอร์บนสมาร์ทโฟนได้ โค้ดจะเริ่มต้นการเรียกฟังก์ชัน `startGame()` ที่จะเรียกใช้ฟังก์ชัน `draw()` ซึ่งจะทำการวาดรูปภาพและควบคุมการเคลื่อนที่ของ Flappy Bird และท่อที่ปล่อยออกมาหมุนครอบๆ ดาวน์เวลาลูปการอัปเดตภาพบนแคนวาส กดปุ่ม Spacebar เพื่อทำให้นกกระพือปีกขึ้นบินจะทำให้เกมหยุด และสามารถเริ่มต้นเกมใหม่ได้ คะแนนจะเพิ่มขึ้นเมื่อนกกระพือผ่านท่อ และจะถูกแสดงที่ด้านล่างขวาของหน้าจอ หากนกกระพือชนท่อหรือตกลงสุดของหน้าจอเกมจะจบลง คะแนนสะสมก็จะปรากฏบนหน้าจอช่วยเด่นคำว่า "Game Over!" และ "Press Spacebar to Restart" ซึ่งผู้เล่นสามารถกด Spacebar เพื่อเริ่มเกมใหม่ได้