AI game creator

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

No:38168

102

←

Prev Next

→

flappy bird
Developer User17003｜Date and time 24/1/23 2:14:35
Build time 14.033 sec｜Game capacity 3.499KB｜

Script

Sure! Here's an example of a simple "Flappy Bird" game implemented as a single HTML file using JavaScript, enclosed in script tags:

To play the game, simply copy the above code and save it into a file with a ".html" extension. You can run the file in your smartphone's browser, and you should be able to play the "Flappy Bird" game using pictograms (rectangles) as visual elements. The bird is represented by a yellow rectangle, and the obstacles as green rectangles. The score is displayed at the top left corner of the canvas. Enjoy playing "Flappy Bird" on your smartphone!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of a simple "Flappy Bird" game implemented as a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid #000;
            background-color: #FFF;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script>
        // Game implementation
        (function () {
            // Game variables
            var canvas, ctx;
            var birdX, birdY, birdSpeedY;
            var gapX, gapY, gapWidth, gapHeight;
            var score;

// Initialize the game
            function init() {
                canvas = document.getElementById("gameCanvas");
                ctx = canvas.getContext("2d");
                birdX = 50;
                birdY = canvas.height / 2;
                birdSpeedY = 0;
                gapX = canvas.width;
                gapY = 200;
                gapWidth = 80;
                gapHeight = 200;
                score = 0;

// Game loop
                setInterval(update, 20);

// Event listeners
                document.addEventListener("keydown", jump);
                canvas.addEventListener("click", jump);
            }

// Update function called on every frame
            function update() {
                // Clear the canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update bird position
                birdY += birdSpeedY;
                birdSpeedY += 0.2;

// Draw bird
                ctx.fillStyle = "yellow";
                ctx.fillRect(birdX, birdY, 30, 20);

// Update and draw gap
                gapX -= 5;
                if (gapX + gapWidth < 0) {
                    gapX = canvas.width;
                    score++;
                }
                ctx.fillStyle = "green";
                ctx.fillRect(gapX, 0, gapWidth, gapY);
                ctx.fillRect(gapX, gapY + gapHeight, gapWidth, canvas.height - gapY - gapHeight);

// Collision detection
                if (birdY < 0 || birdY + 20 > canvas.height || (birdX + 30 > gapX && birdX < gapX + gapWidth &&
                    (birdY < gapY || birdY + 20 > gapY + gapHeight))) {
                    gameOver();
                }

// Draw score
                ctx.fillStyle = "black";
                ctx.font = "20px Arial";
                ctx.fillText("Score: " + score, 10, 30);
            }

// Bird jump action
            function jump() {
                birdSpeedY = -6;
            }

// Game over action
            function gameOver() {
                clearInterval();
                alert("Game Over! Your score: " + score);
                init();
            }

// Start the game
            init();
        })();
    </script>
</body>
</html>
```

Enjoy playing "Flappy Bird" on your smartphone!