AI game creator

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

No:29249

106

←

Prev Next

→

Flappy bird
Developer User14472｜Date and time 23/12/17 0:43:28
Build time 37.972 sec｜Game capacity 3.744KB｜

Script

Sure! Here's a simplified version of Flappy Bird implemented as a single HTML file using JavaScript. Please note that the game logic and graphics are very basic, but it should give you a starting point.

To run the game, save the above code in a file with a `.html` extension (e.g., `flappy_bird.html`), then open it in a web browser on your smartphone. The game will start automatically, and you can play by tapping on the screen to make the bird flap and avoid the pipes. If the bird collides with the pipes or canvas boundaries, a "Game Over" message will be shown.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Game Variables
        var canvas;
        var canvasContext;
        var birdX = 50;
        var birdY = 300;
        var birdRadius = 20;
        var pipeX = 400;
        var pipeWidth = 80;
        var pipeGap = 200;
        var pipeHeight = 400;
        var pipeSpeed = 2;
        var isGameOver = false;
        
        // Called when the game starts
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            setInterval(updateGame, 16); // 60 fps
            canvas.addEventListener("click", flapBird);
        }
        
        // Game loop
        function updateGame() {
            moveBird();
            movePipe();
            drawGame();
            checkCollision();
        }
        
        // Move the bird up
        function flapBird() {
            if (!isGameOver) {
                birdY -= 50;
            }
        }
        
        // Move the bird down
        function moveBird() {
            birdY += 2;
        }
        
        // Move the pipe from right to left
        function movePipe() {
            pipeX -= pipeSpeed;
            if (pipeX + pipeWidth < 0) {
                resetPipe();
            }
        }
        
        // Reset the pipe's position
        function resetPipe() {
            pipeX = canvas.width;
            pipeHeight = Math.random() * 200 + 100; // Random pipe heights
        }
        
        // Draw the game
        function drawGame() {
            // Clear the canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw the bird
            canvasContext.beginPath();
            canvasContext.arc(birdX, birdY, birdRadius, 0, Math.PI * 2);
            canvasContext.fillStyle = "yellow";
            canvasContext.fill();
            canvasContext.closePath();
            
            // Draw the pipe
            canvasContext.fillStyle = "green";
            canvasContext.fillRect(pipeX, 0, pipeWidth, pipeHeight);
            canvasContext.fillRect(pipeX, pipeHeight + pipeGap, pipeWidth, canvas.height - pipeHeight - pipeGap);
        }
        
        // Check for collision with pipe or canvas
        function checkCollision() {
            if (birdY < 0 || birdY + birdRadius > canvas.height || 
                (birdX + birdRadius > pipeX && birdX - birdRadius < pipeX + pipeWidth && 
                 (birdY - birdRadius < pipeHeight || birdY + birdRadius > pipeHeight + pipeGap))) {
                
                // Game over
                isGameOver = true;
                canvas.removeEventListener("click", flapBird);
                alert("Game Over!");
            }
        }
        
        // Start the game when the page loads
        window.onload = startGame;
    </script>
</body>
</html>
```