Flap flap birld going through pipes and escaping's game | AI game creator

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

No:48593

75

Flap flap birld going through pipes and escaping
Developer User20813｜Date and time 24/3/2 17:28:04
Build time 8.341 sec｜Game capacity 2.622KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<script>
    // Define variables
    let bird;
    let pipes = [];
    let score = 0;
    let gameOver = false;
    
    // Function to create bird
    function createBird() {
        bird = document.createElement('div');
        bird.classList.add('bird');
        bird.style.bottom = '50%';
        document.body.appendChild(bird);
    }
    
    // Function to create pipes
    function createPipe() {
        let pipe = document.createElement('div');
        pipe.classList.add('pipe');
        let pipeHeight = Math.floor(Math.random() * 40) + 10;
        pipe.style.height = pipeHeight + '%';
        document.body.appendChild(pipe);
        pipes.push(pipe);
    }
    
    // Function to move bird
    function moveBird(event) {
        if (event.keyCode === 32) {
            let birdBottom = parseInt(bird.style.bottom);
            bird.style.bottom = (birdBottom + 5) + '%';
        }
    }
    
    // Function to move pipes
    function movePipes() {
        for (let i = 0; i < pipes.length; i++) {
            let pipeLeft = parseInt(pipes[i].style.left);
            if (pipeLeft > -20) {
                pipes[i].style.left = (pipeLeft - 1) + '%';
            } else {
                pipes[i].remove();
                pipes.splice(i, 1);
                score++;
                if (score % 5 === 0) {
                    createPipe();
                }
            }
        }
    }
    
    // Function to check collision
    function checkCollision() {
        let birdRect = bird.getBoundingClientRect();
        pipes.forEach(pipe => {
            let pipeRect = pipe.getBoundingClientRect();
            if (birdRect.left < pipeRect.right && birdRect.right > pipeRect.left && birdRect.top < pipeRect.bottom && birdRect.bottom > pipeRect.top) {
                gameOver = true;
            }
        });
    }
    
    // Function to end game
    function endGame() {
        document.removeEventListener('keyup', moveBird);
        clearInterval(gameLoop);
        alert('Game Over! Your score is: ' + score);
    }
    
    // Initialize game
    createBird();
    createPipe();
    let gameLoop = setInterval(() => {
        if (!gameOver) {
            movePipes();
            checkCollision();
        } else {
            endGame();
        }
    }, 10);
    
    // Event listener for bird movement
    document.addEventListener('keyup', moveBird);
</script>

<style>
    .bird {
        position: absolute;
        width: 20px;
        height: 20px;
        background: red;
    }
    
    .pipe {
        position: absolute;
        width: 20px;
        background: green;
    }
</style>