AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Flappy bird's game | AI game creator

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

No:37547

←

Prev Next

→

Flappy bird
Developer User17030｜Date and time 24/1/21 5:17:19
Build time 14.474 sec｜Game capacity 5.376KB｜

Script

Sure! Here's a simple implementation of the Flappy Bird game using HTML, CSS, and JavaScript:

Please note that this is a basic implementation and may not have all the features and exact behavior of the original Flappy Bird game. You'll also need to provide your own pictogram images (bird.png and pipe.png). Feel free to modify and enhance the code as per your requirements. Have fun playing!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the Flappy Bird game using HTML, CSS, and JavaScript:

```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="canvas" width="320" height="480"></canvas>

// Game configuration
            const gravity = 0.3;
            const flapStrength = 6;
            const pipeGap = 140;
            const pipeSpacing = 200;
            const pipeWidth = 80;
            const pipeSpeed = 2;

// Pictogram images (replace with your own)
            const birdImage = new Image();
            birdImage.src = "bird.png";
            const pipeImage = new Image();
            pipeImage.src = "pipe.png";

// Bird object
            const bird = {
                x: 50,
                y: canvas.height / 2 - 10,
                width: 34,
                height: 24,
                velocity: 0
            };

// Pipe objects
            const pipes = [];

// Game state
            let score = 0;
            let gameStarted = false;
            let gameOver = false;

// Keyboard controls
            document.addEventListener("keydown", () => {
                if (!gameStarted) {
                    gameStarted = true;
                }
                bird.velocity = -flapStrength;
            });

// Game loop
            function gameLoop() {
                // Update
                if (gameStarted && !gameOver) {
                    bird.velocity += gravity;
                    bird.y += bird.velocity;
                    if (bird.y <= 0 || bird.y + bird.height >= canvas.height) {
                        gameOver = true; // Bird collided with top/bottom of the screen
                    }

for (let i = 0; i < pipes.length; i++) {
                        pipes[i].x -= pipeSpeed;

if (pipes[i].x + pipeWidth === bird.x) {
                            score++; // Bird passed a pipe successfully
                        }

if (collided(bird, pipes[i])) {
                            gameOver = true; // Bird collided with a pipe
                        }

if (pipes[i].x + pipeWidth < 0) {
                            pipes.shift(); // Remove pipe if it's outside the canvas
                        }
                    }

if (pipes.length === 0 || pipes[pipes.length - 1].x < canvas.width - pipeSpacing) {
                        const pipeY = Math.random() * (canvas.height - pipeGap);
                        pipes.push({
                            x: canvas.width,
                            y: pipeY
                        });
                    }
                }

// Render
                context.clearRect(0, 0, canvas.width, canvas.height);

if (gameStarted && !gameOver) {
                    context.drawImage(birdImage, bird.x, bird.y, bird.width, bird.height);
                    context.fillStyle = "#000";
                    context.font = "24px Arial";
                    context.fillText(score, 10, 30);

for (let i = 0; i < pipes.length; i++) {
                        const pipe = pipes[i];
                        context.drawImage(pipeImage, pipe.x, 0, pipeWidth, pipe.y);
                        context.drawImage(pipeImage, pipe.x, pipe.y + pipeGap, pipeWidth, canvas.height - pipe.y - pipeGap);
                    }
                }

if (!gameStarted) {
                    context.fillStyle = "#000";
                    context.font = "36px Arial";
                    context.fillText("Tap to start", canvas.width / 2 - 96, canvas.height / 2);
                }

if (gameOver) {
                    context.fillStyle = "#000";
                    context.font = "36px Arial";
                    context.fillText("Game Over", canvas.width / 2 - 96, canvas.height / 2);
                    context.fillText("Score: " + score, canvas.width / 2 - 74, canvas.height / 2 + 40);
                }

requestAnimationFrame(gameLoop);
            }

// Check collision between bird and pipe
            function collided(bird, pipe) {
                if (
                    bird.x + bird.width >= pipe.x && 
                    bird.x <= pipe.x + pipeWidth &&
                    (bird.y <= pipe.y || bird.y + bird.height >= pipe.y + pipeGap)
                ) {
                    return true;
                }
                return false;
            }

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