Police foot pursuit.'s game

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

No:24680

←

Prev Next

→

Police foot pursuit.
Developer User11785｜Date and time 23/11/11 7:35:26
Build time 75.701 sec｜Game capacity 3.07KB｜

Script

Sure, here's a simple police foot pursuit game implemented as a single HTML file using JavaScript:

To use this game, you'll need to create two image files, `emozi_all/game.png` and `emozi_all/police.png`, and place them in the same directory as the HTML file. These icons will be used to represent the player and police in the game. Once you open the HTML file in a browser on your smartphone, you can start playing by moving your finger (or cursor) within the game area. Avoid colliding with the police icon, and if you do, the game will reset.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple police foot pursuit game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Add some basic styles */
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      background: #f2f2f2;
    }
    
    #game {
      width: 300px;
      height: 300px;
      position: relative;
      border: 2px solid #000;
      background: #fff;
    }
    
    #player {
      width: 50px;
      height: 50px;
      position: absolute;
      background-image: url('player-icon.png');
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    #police {
      width: 50px;
      height: 50px;
      position: absolute;
      background-image: url('police-icon.png');
      background-repeat: no-repeat;
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
    <div id="police"></div>
  </div>

// Set initial positions
    let playerX = 0;
    let playerY = 0;
    let policeX = 250;
    let policeY = 250;

// Function to update player position based on touch/click events
    function movePlayer(event) {
      event.preventDefault();
      
      const touch = event.touches ? event.touches[0] : event;
      const x = touch.clientX - gameContainer.offsetLeft;
      const y = touch.clientY - gameContainer.offsetTop;
      
      player.style.left = `${x - player.clientWidth/2}px`;
      player.style.top = `${y - player.clientHeight/2}px`;
      playerX = x;
      playerY = y;
      
      checkCollision();
    }

// Function to check for collision between player and police
    function checkCollision() {
      const dx = Math.abs(playerX - policeX);
      const dy = Math.abs(playerY - policeY);
      
      if (dx < 50 && dy < 50) {
        alert("Game Over - You've been caught by the police!");
        resetGame();
      }
    }

// Function to reset the game
    function resetGame() {
      player.style.left = '0';
      player.style.top = '0';
      playerX = 0;
      playerY = 0;
    }

// Add event listener for player movement
    gameContainer.addEventListener('mousemove', movePlayer);
    gameContainer.addEventListener('touchmove', movePlayer);

// Start the game
    alert('Welcome to Police Foot Pursuit Game! Avoid the police.');

</script>
</body>
</html>
```

To use this game, you'll need to create two image files, `player-icon.png` and `police-icon.png`, and place them in the same directory as the HTML file. These icons will be used to represent the player and police in the game.

Once you open the HTML file in a browser on your smartphone, you can start playing by moving your finger (or cursor) within the game area. Avoid colliding with the police icon, and if you do, the game will reset.