Jogo de escapar de uma prisão com paredes para impedir e um policial que te persegue e se te pegar reinicia o jogo's game

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

No:50179

←

Prev Next

→

Jogo de escapar de uma prisão com paredes para imp..ALL
Developer User21256｜Date and time 24/3/8 1:41:40
Build time 17.286 sec｜Game capacity 3.044KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>Jogo de Fuga da Prisão</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

#player {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            background-color: blue;
        }

#wall {
            width: 10px;
            height: 100px;
            position: absolute;
            background-color: grey;
        }

#police {
            width: 30px;
            height: 30px;
            position: absolute;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <div id="wall"></div>
    <div id="police"></div>

let playerX = 50;
        let playerY = 50;
        let wallX = 200;
        let policeX = 300;
        let policeSpeed = 1;

document.addEventListener('keydown', (event) => {
            const key = event.key;

if (key === 'ArrowUp') {
                playerY -= 10;
            }

if (key === 'ArrowDown') {
                playerY += 10;
            }

if (key === 'ArrowLeft') {
                playerX -= 10;
            }

if (key === 'ArrowRight') {
                playerX += 10;
            }

checkCollision();
            updatePlayerPosition();
        });

function updatePlayerPosition() {
            player.style.top = `${playerY}px`;
            player.style.left = `${playerX}px`;
        }

function checkCollision() {
            const playerRect = player.getBoundingClientRect();
            const wallRect = wall.getBoundingClientRect();
            const policeRect = police.getBoundingClientRect();

if (playerRect.left < wallRect.right && playerRect.right > wallRect.left && playerRect.top < wallRect.bottom) {
                // Game over
                resetGame();
            }

if (playerRect.left < policeRect.right && playerRect.right > policeRect.left && playerRect.top < policeRect.bottom) {
                // Game over
                resetGame();
            }
        }

function resetGame() {
            playerX = 50;
            playerY = 50;
            policeX = 300;
            player.style.top = '50px';
            player.style.left = '50px';

updatePlayerPosition();
        }

function movePolice() {
            policeX -= policeSpeed;
            police.style.left = `${policeX}px`;

if (policeX < 0) {
                policeX = 300;
            }

checkCollision();
        }

setInterval(movePolice, 100);
    </script>
</body>
</html>