Make a flappy bird style game but the bird is Donald trump and the pillers are fingers's game

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

No:34896

162

←

Prev Next

→

Make a flappy bird style game but the bird is Dona..ALL
Developer User16367｜Date and time 24/1/12 7:45:38
Build time 11.482 sec｜Game capacity 3.696KB｜

Script

Sure, here's an example of a Flappy Bird style game where the bird is replaced with a pictogram of Donald Trump and the pillars are represented as fingers. You can play it by opening a blank HTML file, copying the code below, and pasting it into the file. Save it and then open the HTML file in a web browser.

Please note that the images used in this example are hosted on external platforms and may be subject to availability and licensing restrictions.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Trump</title>
    <style>
        canvas {
            background: #f7f7f7;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="game" width="400" height="600"></canvas>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const canvas = document.getElementById('game');
            const context = canvas.getContext('2d');

// Load images
            const trumpImg = new Image();
            trumpImg.src = 'https://image.flaticon.com/icons/png/512/4887/4887731.png';
            
            const fingerImg = new Image();
            fingerImg.src = 'https://image.flaticon.com/icons/png/512/4895/4895976.png';

// Variables
            let birdXPos = 50;
            let birdYPos = canvas.height / 2;
            let birdSize = 40;
            let gravity = 2;
            let score = 0;

// Pillars
            let pillars = [];
            pillars[0] = {
                x: canvas.width,
                y: 0
            };

// Handle key presses
            document.addEventListener('keydown', flap);

function flap(event) {
                if (event.code === 'Space')
                    birdYPos -= 50;
            }

// Draw everything on canvas
            function draw() {
                context.drawImage(trumpImg, birdXPos, birdYPos, birdSize, birdSize);

for (let i = 0; i < pillars.length; i++) {
                    let constant = fingerImg.height + 120;
                    context.drawImage(fingerImg, pillars[i].x, pillars[i].y, 100, fingerImg.height);
                    context.drawImage(
                        fingerImg,
                        pillars[i].x,
                        pillars[i].y + constant,
                        100,
                        fingerImg.height
                    );

pillars[i].x--;

if (pillars[i].x === 120) {
                        pillars.push({
                            x: canvas.width,
                            y: Math.floor(Math.random() * fingerImg.height) - fingerImg.height
                        });
                    }

// Detect collision
                    if (
                        (birdXPos + birdSize >= pillars[i].x &&
                            birdXPos <= pillars[i].x + 100 &&
                            (birdYPos <= pillars[i].y + fingerImg.height ||
                                birdYPos + birdSize >= pillars[i].y + constant)) ||
                        birdYPos + birdSize >= canvas.height
                    ) {
                        location.reload(); // Restart the game
                    }

if (pillars[i].x === 10) {
                        score++;
                    }
                }

birdYPos += gravity;

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

requestAnimationFrame(draw);
            }

draw();
        });
    </script>
</body>
</html>
```

Please note that the images used in this example are hosted on external platforms and may be subject to availability and licensing restrictions.