AI game creator

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

No:16690

←

Prev Next

→

Flappy bird
Developer User7430｜Date and time 23/9/20 4:45:29
Build time 33.703 sec｜Game capacity 4.265KB｜

Script

Sure! Here's a basic implementation of the Flappy Bird game using JavaScript, HTML, and pictograms. It is contained in a single HTML file and enclosed within script tags. You can play the game by opening the HTML file in a web browser, ideally on a smartphone, and tapping the screen to control the bird's flight. Keep in mind that this is a simplified version of Flappy Bird for demonstration purposes and may not include all the features and mechanics of the original game.

You can copy the above code into a new HTML file and save it with a .html extension. Then, open the file in a web browser, and you should be able to play a simplified version of Flappy Bird using pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Keep in mind that this is a simplified version of Flappy Bird for demonstration purposes and may not include all the features and mechanics of the original game.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Initialize Game
        function startGame() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');

birdSize = 20;
            birdX = 50;
            birdY = canvas.height / 2 - birdSize / 2;
            birdSpeed = 2;

gapHeight = 150;
            gapWidth = 80;

obstacleWidth = 40;
            obstacleHeight = canvas.height - gapHeight - 100;
            obstacleX = canvas.width;
            obstacleY = 0;

score = 0;
            isGameOver = false;

document.addEventListener('mousedown', flyBird);
            document.addEventListener('touchstart', flyBird);

draw();
        }

// Draw Objects on Canvas
        function draw() {
            if (!isGameOver) {
                // Clear Canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Bird
                ctx.fillStyle = 'blue';
                ctx.fillRect(birdX, birdY, birdSize, birdSize);

// Draw Obstacles
                ctx.fillStyle = 'green';
                ctx.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);

ctx.fillRect(obstacleX, obstacleY + obstacleHeight + gapHeight, obstacleWidth, canvas.height - obstacleHeight - gapHeight);
                
                // Update Bird's Position
                birdY += birdSpeed;

// Update Obstacle's Position
                obstacleX -= 2;

// Check Collision
                if (birdY < 0 || birdY + birdSize > canvas.height ||
                    (birdX + birdSize > obstacleX && birdX < obstacleX + obstacleWidth &&
                    (birdY < obstacleY + obstacleHeight || birdY + birdSize > obstacleY + obstacleHeight + gapHeight))){
                    endGame();
                }

// Check if Bird Passed Obstacle
                if (birdX > obstacleX + obstacleWidth) {
                    score++;
                    obstacleX = canvas.width;
                }

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

requestAnimationFrame(draw);
            }
        }

// Control Bird's Flight
        function flyBird() {
            birdY -= 40;
        }

// End Game
        function endGame() {
            isGameOver = true;
            document.removeEventListener('mousedown', flyBird);
            document.removeEventListener('touchstart', flyBird);

ctx.fillStyle = 'red';
            ctx.font = '40px Arial';
            ctx.fillText('Game Over!', canvas.width / 2 - 100, canvas.height / 2);
        }

// Start the Game
        startGame();
    </script>
</body>
</html>
```