AI game creator

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

No:30508

←

Prev Next

→

Avoid the obstacles
Developer User14751｜Date and time 23/12/22 10:43:42
Build time 13.675 sec｜Game capacity 2.144KB｜

Script

👾

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo dos Obstáculos</title>
    <style>
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
        }

#obstacle {
            position: absolute;
            top: 50%;
            left: 0;
            width: 30px;
            height: 100px;
            background-color: red;
            animation: obstacleMove linear infinite;
            animation-duration: 3s;
        }

@keyframes obstacleMove {
            0% {
                left: 100%;
            }
            100% {
                left: -30px;
            }
        }
    </style>
</head>
<body>
    <div id="player">👾</div>
    <div id="obstacle"></div>

let intervalId;
        let score = 0;

function startGame() {
            intervalId = setInterval(checkCollision, 10);
            document.addEventListener('keydown', movePlayer);
        }

function checkCollision() {
            const playerRect = player.getBoundingClientRect();
            const obstacleRect = obstacle.getBoundingClientRect();

if (
                playerRect.top < obstacleRect.bottom &&
                playerRect.bottom > obstacleRect.top &&
                playerRect.left < obstacleRect.right &&
                playerRect.right > obstacleRect.left
            ) {
                clearInterval(intervalId);
                alert(`Fim de jogo! Pontuação: ${score}`);
            }

score++;
        }

function movePlayer(event) {
            const playerRect = player.getBoundingClientRect();

if (event.keyCode === 38) { // Up arrow key
                player.style.top = (playerRect.top - 10) + 'px';
            } else if (event.keyCode === 40) { // Down arrow key
                player.style.top = (playerRect.top + 10) + 'px';
            }
        }

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