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

No:18690

111

←

Prev Next

→

Your are a robber to rob thousands of house theres..ALL
Developer User8241｜Date and time 23/9/30 11:14:41
Build time 10.149 sec｜Game capacity 3.432KB｜

Script

Sure! Here's a simple game implementation in a single HTML file where you can play as a robber trying to escape from jail:

Escape from Jail

🏃

🚔

Tap to move!

To play the game, open this code in a web browser on your smartphone. Tap anywhere on the screen to move the player character (🏃). The goal is to avoid the moving obstacle (🚔). If the player collides with the obstacle, the game is over. Note: This is a basic implementation and can be further enhanced with additional features and graphics.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple game implementation in a single HTML file where you can play as a robber trying to escape from jail:

```html
<!DOCTYPE html>
<html>

<head>
    <title>Escape from Jail</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

#game-container {
            text-align: center;
            margin-top: 20px;
        }

#player {
            font-size: 60px;
        }

#obstacle {
            font-size: 100px;
            color: red;
        }

#message {
            margin-top: 20px;
            font-weight: bold;
        }
    </style>
</head>

<body>
    <h1>Escape from Jail</h1>
    <div id="game-container">
        <p id="player">🏃</p>
        <p id="obstacle">🚔</p>
        <p id="message">Tap to move!</p>
    </div>

var screenWidth = window.innerWidth;
        var screenHeight = window.innerHeight;

var playerPositionX = screenWidth / 2;
        var playerPositionY = screenHeight / 2;

var obstaclePositionX = getRandomPositionX();
        var obstaclePositionY = getRandomPositionY();

player.style.top = playerPositionY + "px";
        player.style.left = playerPositionX + "px";

obstacle.style.top = obstaclePositionY + "px";
        obstacle.style.left = obstaclePositionX + "px";

document.addEventListener("click", movePlayer);

function getRandomPositionX() {
            return Math.floor(Math.random() * (screenWidth - 100));
        }

function getRandomPositionY() {
            return Math.floor(Math.random() * (screenHeight - 100));
        }

function movePlayer(event) {
            var tapX = event.clientX;
            var tapY = event.clientY;

playerPositionX = tapX;
            playerPositionY = tapY;

player.style.top = playerPositionY + "px";
            player.style.left = playerPositionX + "px";

checkCollision();
        }

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

if (
                playerRect.left < obstacleRect.right &&
                playerRect.right > obstacleRect.left &&
                playerRect.top < obstacleRect.bottom &&
                playerRect.bottom > obstacleRect.top
            ) {
                message.innerText = "You got caught! Game over.";
                document.removeEventListener("click", movePlayer);
            } else {
                message.innerText = "Tap to move!";
                obstaclePositionX = getRandomPositionX();
                obstaclePositionY = getRandomPositionY();
                obstacle.style.top = obstaclePositionY + "px";
                obstacle.style.left = obstaclePositionX + "px";
            }
        }
    </script>
</body>

</html>
```

Note: This is a basic implementation and can be further enhanced with additional features and graphics.