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

No:25297

←

Prev Next

→

Run away from the cops
Developer User12362｜Date and time 23/11/20 6:56:53
Build time 127.136 sec｜Game capacity 4.384KB｜

Script

Here's a simple game for you that involves running away from the cops using pictograms. The game will be implemented as a single HTML file and will contain JavaScript code enclosed within script tags:

Run Away from the Cops

This game is a simple implementation where you control a player (represented by a blue square) using the left and right arrow keys on your smartphone. The objective is to avoid the cops (represented by red squares) coming from the top of the screen. The score increases as you stay away from the cops. If the player collides with a cop, the game is over, and you will see a "Game Over" message displayed on the screen. Note: As mentioned earlier, this code should be saved as an HTML file and run in a web browser on your smartphone to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Run Away from the Cops</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Run Away from the Cops</h1>
    <canvas id="gameCanvas" width="400" height="300"></canvas>
    <script>
        // Game variables
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            speed: 5,
            size: 30
        };
        var cops = [];
        var isGameOver = false;
        var score = 0;

// Key event handlers
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Key down handler to move the player
        function keyDownHandler(event) {
            if (event.keyCode === 37) {
                player.x -= player.speed;
            } else if (event.keyCode === 39) {
                player.x += player.speed;
            }
        }

// Key up handler to stop player movement
        function keyUpHandler(event) {
            if (event.keyCode === 37 || event.keyCode === 39) {
                player.xVelocity = 0;
            }
        }

// Function to generate random number between min and max
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

// Function to create a cop
        function createCop() {
            var cop = {
                x: getRandomNumber(0, canvas.width),
                y: 0,
                speed: getRandomNumber(1, 3),
                size: 20
            };
            cops.push(cop);
        }

// Function to update game state
        function updateGame() {
            if (!isGameOver) {
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
                context.fillStyle = "blue";
                context.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);

// Draw cops
                cops.forEach(function (cop) {
                    cop.y += cop.speed;
                    context.fillStyle = "red";
                    context.fillRect(cop.x - cop.size / 2, cop.y - cop.size / 2, cop.size, cop.size);
                });

// Check for collision
                cops.forEach(function (cop, index) {
                    var distance = Math.sqrt(Math.pow(player.x - cop.x, 2) + Math.pow(player.y - cop.y, 2));
                    if (distance < player.size / 2 + cop.size / 2) {
                        isGameOver = true;
                    }
                });

// Generate new cops
                if (getRandomNumber(1, 100) < 5) {
                    createCop();
                }

// Increase score
                score++;

// Display score
                context.fillStyle = "black";
                context.font = "20px Arial";
                context.fillText("Score: " + score, 10, 25);

// Request next animation frame
                requestAnimationFrame(updateGame);
            } else {
                // Game over message
                context.fillStyle = "black";
                context.font = "30px Arial";
                context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
            }
        }

// Start the game
        updateGame();
    </script>
</body>
</html>
```

Note: As mentioned earlier, this code should be saved as an HTML file and run in a web browser on your smartphone to play the game.