Flappy bird with Joe Biden face's game

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

No:16548

←

Prev Next

→

Flappy bird with Joe Biden face
Developer User7375｜Date and time 23/9/19 13:28:38
Build time 36.068 sec｜Game capacity 4.257KB｜

Script

Sure! Here's an example of a simplified Flappy Bird game with Joe Biden face as the main character. Please note that due to the character limit, the complete code may not fit here. You can copy the code and save it as an HTML file to play the game.

Remember to replace the `emozi_himawari.png` with the actual URL of the Joe Biden face image you want to use. You can style and modify the game further based on your preferences. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Biden</title>
    <style>
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Game variables
        var gravity = 0.5;
        var jumpPower = 10;
        var score = 0;

// Biden character image
        var bidenImage = new Image();
        bidenImage.src = "https://path-to-biden-image.png";

// Biden character properties
        var biden = {
            x: 50,
            y: canvas.height / 2 - 25,
            width: 50,
            height: 50,
            velocity: 0,
            jump: function() {
                this.velocity = -jumpPower;
            },
            draw: function() {
                context.drawImage(bidenImage, this.x, this.y, this.width, this.height);
            }
        };

// Pipe properties
        var pipeGap = 150;
        var pipeWidth = 100;
        var pipeHeight = canvas.height * 0.6;
        var pipes = [];

// Add new pipe
        function addPipe() {
            var pipe = {
                x: canvas.width,
                y: Math.floor(Math.random() * (canvas.height - pipeHeight)),
                width: pipeWidth,
                height: pipeHeight,
                passed: false,
                draw: function() {
                    context.fillStyle = "#000";
                    context.fillRect(this.x, this.y, this.width, this.height);
                },
                checkCollision: function() {
                    var bidenBottom = biden.y + biden.height;
                    if ((biden.x + biden.width > this.x && biden.x < this.x + pipeWidth) &&
                        (biden.y < this.y + pipeHeight || bidenBottom > this.y + pipeHeight + pipeGap)) {
                        endGame();
                    }
                }
            };
            pipes.push(pipe);
        }

// Game loop
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Move Biden
            biden.velocity += gravity;
            biden.y += biden.velocity;

// Draw Biden
            biden.draw();

// Move and draw pipes
            for (var i = 0; i < pipes.length; i++) {
                var pipe = pipes[i];
                pipe.x -= 2;
                pipe.draw();
                pipe.checkCollision();
                
                if (!pipe.passed && pipe.x + pipe.width < biden.x) {
                    pipe.passed = true;
                    score++;
                }

if (pipe.x + pipe.width < 0) {
                    pipes.splice(i, 1);
                    i--;
                }
            }

// Display score
            context.font = "20px Arial";
            context.fillStyle = "#000";
            context.fillText("Score: " + score, 10, 30);

requestAnimationFrame(update);
        }

// Event listeners
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 32) {
                biden.jump();
            }
        });

// Main game functions
        function startGame() {
            score = 0;
            biden.y = canvas.height / 2 - 25;
            biden.velocity = 0;
            pipes = [];
            addPipe();
            update();
        }

function endGame() {
            alert("Game Over! Score: " + score);
            startGame();
        }

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

Remember to replace the `https://path-to-biden-image.png` with the actual URL of the Joe Biden face image you want to use. You can style and modify the game further based on your preferences. Have fun playing!