Run from a red dot that's chasing you and collect 5 phone pieces and craft a phone to call the cops's game

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

No:24131

←

Prev Next

→

Run from a red dot that's chasing you and collect ..ALL
Developer User11311｜Date and time 23/11/6 2:03:04
Build time 111.341 sec｜Game capacity 4.345KB｜

Script

Sure! Here's an example of a game where you play as a character and you need to collect 5 phone pieces to craft a phone and call the cops. The game will be displayed using pictograms and can be played on a smartphone. Please note that the game logic is simplified for demonstration purposes.

🚶

🔴

🔑

📱

To play the game: 1. Open a new HTML file in a text editor. 2. Copy and paste the provided code into the HTML file. 3. Save the file with a .html extension. 4. Open the HTML file with a web browser on your smartphone. 5. Start the game by tapping on the screen. 6. Use your finger to move the player character and collect the phone pieces. 7. Avoid getting caught by the red dot. 8. When you collect all 5 phone pieces, an alert message will notify you that you can craft a phone. 9. Enjoy playing the game! Please note that this is a basic example, and you can enhance and customize the game further based on your preferences and requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Phone Escape Game</title>
    <style>
        body {
            text-align: center;
            font-size: 3em;
        }
        #player, #dot, .piece {
            display: inline-block;
            width: 1em;
            height: 1em;
            background-color: #000;
            color: #fff;
            text-align: center;
        }
        #dot {
            background-color: #f00;
        }
        .piece {
            background-color: #0f0;
            border: 2px solid #000;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player">🚶</div>
        <div id="dot">🔴</div>
        <div class="piece">🔑</div>
        <div class="piece">📱</div>
        <div class="piece">📱</div>
        <div class="piece">📱</div>
        <div class="piece">📱</div>
        <div class="piece">📱</div>
    </div>
    
    <script>
        const player = document.getElementById('player');
        const dot = document.getElementById('dot');
        const pieces = document.querySelectorAll('.piece');
        
        let collectedPieces = 0;
        let gameStarted = false;
        
        function movePlayer(event) {
            if (!gameStarted || collectedPieces >= 5) {
                return; // Game not started or already won
            }
            
            const game = document.getElementById('game');
            const gameWidth = game.offsetWidth;
            
            let x = event.touches[0].pageX;
            if (x > gameWidth - player.offsetWidth) {
                x = gameWidth - player.offsetWidth;
            }
            
            player.style.left = x + 'px';
            
            // Check if player collected a phone piece
            pieces.forEach(function(piece) {
                if (!piece.classList.contains('collected') && isCollision(player, piece)) {
                    piece.classList.add('collected');
                    collectedPieces++;
                    if (collectedPieces === 5) {
                        alert('You collected all the phone pieces! You can now craft a phone to call the cops!');
                    }
                }
            });
            
            // Check if player got caught by the dot
            if (isCollision(player, dot)) {
                alert('You got caught by the dot! Game over!');
                resetGame();
            }
        }
        
        function isCollision(element1, element2) {
            const rect1 = element1.getBoundingClientRect();
            const rect2 = element2.getBoundingClientRect();
            
            return (
                rect1.left < rect2.right &&
                rect1.right > rect2.left &&
                rect1.top < rect2.bottom &&
                rect1.bottom > rect2.top
            );
        }
        
        function startGame() {
            gameStarted = true;
        }
        
        function resetGame() {
            gameStarted = false;
            collectedPieces = 0;
            player.style.left = '0px';
            
            pieces.forEach(function(piece) {
                piece.classList.remove('collected');
            });
        }
        
        // Event listeners
        document.addEventListener('touchstart', startGame);
        document.addEventListener('touchmove', movePlayer);
    </script>
</body>
</html>
```

To play the game:
1. Open a new HTML file in a text editor.
2. Copy and paste the provided code into the HTML file.
3. Save the file with a .html extension.
4. Open the HTML file with a web browser on your smartphone.
5. Start the game by tapping on the screen.
6. Use your finger to move the player character and collect the phone pieces.
7. Avoid getting caught by the red dot.
8. When you collect all 5 phone pieces, an alert message will notify you that you can craft a phone.
9. Enjoy playing the game!

Please note that this is a basic example, and you can enhance and customize the game further based on your preferences and requirements.