上から落ちてくる球を避ける's game

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

No:44880

←

Prev Next

→

上から落ちてくる球を避ける
Developer User19503｜Date and time 24/2/19 16:30:28
Build time 6.265 sec｜Game capacity 1.846KB｜

Script

🙂

⚽

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Avoid the Falling Ball Game</title>
</head>
<body>
    <div id="player">🙂</div>
    <div id="ball">⚽</div>

let playerLeft = 0;
        let ballTop = 0;

function dropBall() {
            ballTop += 10;
            ball.style.top = ballTop + 'px';
            if(ballTop > window.innerHeight) {
                ballTop = 0;
                ball.style.left = Math.floor(Math.random() * window.innerWidth) + 'px';
            }

if(checkCollision()) {
                alert('Game Over! Your score is: ' + ballTop);
                ballTop = 0;
                playerLeft = 0;
                player.style.left = playerLeft + 'px';
                ball.style.top = ballTop + 'px';
            } else {
                requestAnimationFrame(dropBall);
            }
        }

function checkCollision() {
            const playerRect = player.getBoundingClientRect();
            const ballRect = ball.getBoundingClientRect();

return !(
                playerRect.right < ballRect.left ||
                playerRect.left > ballRect.right ||
                playerRect.bottom < ballRect.top ||
                playerRect.top > ballRect.bottom
            );
        }

dropBall();
    </script>
</body>
</html>