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

No:9256

523

←

Prev Next

→

Flappy Bird with Fruit
Developer User4246｜Date and time 23/7/23 2:15:53
Build time 21.813 sec｜Game capacity 2.932KB｜

Script

Fruit Flappy Bird

🐦

🍎

🍓

🍊

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Fruit Flappy Bird</title>
    <style>
        #bird {
            position: absolute;
            top: 50%;
            left: 30px;
            transform: translateY(-50%);
            font-size: 3em;
        }

.fruit {
            position: absolute;
            top: 0;
            height: 100px;
            width: 100px;
            font-size: 2em;
        }

#score {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 2em;
        }
    </style>
</head>
<body>
    <h1>Fruit Flappy Bird</h1>

document.addEventListener("keydown", function(event) {
                if (event.key === " ") {
                    bird.style.top = (bird.offsetTop - 50) + "px";
                }
            });

function startGame() {
                interval = setInterval(moveFruits, gameSpeed);
            }

function moveFruits() {
                for (var i = 0; i < fruits.length; i++) {
                    fruits[i].style.left =
                        (fruits[i].offsetLeft - gameSpeed) + "px";

if (collisionDetection(bird, fruits[i])) {
                        gameOver();
                        return;
                    }

if (fruits[i].offsetLeft <= 0) {
                        scoreCount++;
                        score.textContent = scoreCount;
                        fruits[i].style.left = "100%";
                        fruits[i].style.top = (Math.random() * 100) + "%";
                    }
                }
            }

function collisionDetection(bird, fruit) {
                var birdRect = bird.getBoundingClientRect();
                var fruitRect = fruit.getBoundingClientRect();

return (
                    birdRect.top < fruitRect.bottom &&
                    birdRect.bottom > fruitRect.top &&
                    birdRect.right > fruitRect.left &&
                    birdRect.left < fruitRect.right
                );
            }

function gameOver() {
                clearInterval(interval);
                alert("Game Over!\nYour score: " + scoreCount);
                location.reload();
            }

startGame();
        };
    </script>