اربد لعبه تشبه فلابي بيرد's game

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

No:16005

106

←

Prev Next

→

اربد لعبه تشبه فلابي بيرد
Developer User7061｜Date and time 23/9/15 2:52:44
Build time 33.57 sec｜Game capacity 4.241KB｜

Script

لعبة انتهت. اضغط للعب مرة أخرى!

←

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>اربد لعبة</title>
    <style>
        body {
            background-color: #70c5ce;
            margin: 0;
            overflow: hidden;
        }
        
        #game {
            position: relative;
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
        }

#bird {
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url('bird.png');
            background-repeat: no-repeat;
            background-size: contain;
            top: 50%;
            left: 50px;
        }

#pipe-top {
            position: absolute;
            width: 100px;
            height: 400px;
            background-image: url('pipe.png');
            background-repeat: no-repeat;
            background-size: contain;
            bottom: 0;
        }

#pipe-bottom {
            position: absolute;
            width: 100px;
            height: 400px;
            background-image: url('pipe.png');
            background-repeat: no-repeat;
            background-size: contain;
            top: 0;
        }

#score {
            position: absolute;
            top: 20px;
            left: 20px;
            color: white;
            font-size: 24px;
        }

#game-over {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
            font-size: 48px;
            display: none;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="bird"></div>
        <div id="pipe-top"></div>
        <div id="pipe-bottom"></div>
        <div id="score">0</div>
        <div id="game-over">لعبة انتهت. اضغط للعب مرة أخرى!</div>
    </div>

let score = 0;
            let pipePosition = 1000;
            let birdPosition = 250;
            let isGameOver = false;

function update() {
                if (isGameOver) return;

pipePosition -= 5;
                birdPosition += 2;

bird.style.top = `${birdPosition}px`;
                pipeTop.style.left = `${pipePosition}px`;
                pipeBottom.style.left = `${pipePosition}px`;

if (pipePosition < -100) {
                    pipePosition = 1000;
                    score++;
                    scoreElement.innerHTML = score;
                }

if (birdPosition > 550 || 
                    (birdPosition < pipeTop.offsetHeight &&
                    pipePosition < 100 &&
                    pipePosition > -50)) {
                    endGame();
                }

requestAnimationFrame(update);
            }

function endGame() {
                isGameOver = true;
                bird.style.display = 'none';
                pipeTop.style.display = 'none';
                pipeBottom.style.display = 'none';
                gameOverElement.style.display = 'block';
            }

update();
        });
    </script>
</body>
</html>