The player is a police and there's a button in the bottom of the screen with an icon of a gun and if you touch it you shoot a bullet's game

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

No:3478

2182

←

Prev Next

→

The player is a police and there's a button in the..ALL
Developer User3709｜Date and time 23/6/25 6:37:19
Build time 37.784 sec｜Game capacity 4.803KB｜

Script

into the direction the police is facing. There are also randomly generated enemies appearing on the screen which move towards the player. The goal is to shoot all enemies before they reach the player. If an enemy reaches the player, the game is over. The player can move by tilting the phone left or right. The score is based on how many enemies the player manages to shoot before the game is over. The game also includes sound effects for shooting and when an enemy reaches the player. Below is the code for the game:

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

into the direction the police is facing. There are also randomly generated enemies appearing on the screen which move towards the player.

The goal is to shoot all enemies before they reach the player. If an enemy reaches the player, the game is over. The player can move by tilting the phone left or right.

The score is based on how many enemies the player manages to shoot before the game is over. The game also includes sound effects for shooting and when an enemy reaches the player.

Below is the code for the game:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Police Shooting Game</title>
    <style>
      #canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas"></canvas>
    <script>
      // Set up canvas
      const canvas = document.getElementById("canvas");
      const ctx = canvas.getContext("2d");
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

// Set up player
      const player = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        size: 50,
        speed: 5,
        angle: 0
      };

// Set up bullet
      const bullet = {
        x: player.x,
        y: player.y,
        size: 10,
        speed: 10,
        angle: player.angle,
        isFired: false
      };

// Set up enemy
      const enemy = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        size: 50,
        speed: 2
      };

// Draw player
      function drawPlayer() {
        ctx.beginPath();
        ctx.fillStyle = "blue";
        ctx.translate(player.x, player.y);
        ctx.rotate(player.angle);
        ctx.fillRect(-player.size / 2, -player.size / 2, player.size, player.size);
        ctx.setTransform(1, 0, 0, 1, 0, 0);
        ctx.closePath();
      }

// Draw bullet
      function drawBullet() {
        if (bullet.isFired) {
          ctx.beginPath();
          ctx.fillStyle = "red";
          ctx.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2);
          ctx.fill();
          ctx.closePath();
        }
      }

// Draw enemy
      function drawEnemy() {
        ctx.beginPath();
        ctx.fillStyle = "green";
        ctx.fillRect(enemy.x - enemy.size / 2, enemy.y - enemy.size / 2, enemy.size, enemy.size);
        ctx.closePath();
      }

// Update player position
      function updatePlayerPosition() {
        if (window.DeviceOrientationEvent) {
          window.addEventListener("deviceorientation", function(event) {
            player.angle = -event.gamma * Math.PI / 180;
          }, true);
        }
        if (player.x < 0) {
          player.x = canvas.width;
        } else if (player.x > canvas.width) {
          player.x = 0;
        }
        player.x += player.speed * Math.sin(player.angle);
        player.y -= player.speed * Math.cos(player.angle);
      }

// Move enemy towards player
      function moveEnemyTowardsPlayer() {
        if (enemy.x < player.x) {
          enemy.x += enemy.speed;
        } else if (enemy.x > player.x) {
          enemy.x -= enemy.speed;
        }
        if (enemy.y < player.y) {
          enemy.y += enemy.speed;
        } else if (enemy.y > player.y) {
          enemy.y -= enemy.speed;
        }
      }

// Fire bullet
      function fireBullet() {
        bullet.isFired = true;
        bullet.x = player.x;
        bullet.y = player.y;
        bullet.angle = player.angle;
      }

// Update bullet position
      function updateBulletPosition() {
        if (bullet.isFired) {
          bullet.x += bullet.speed * Math.sin(bullet.angle);
          bullet.y -= bullet.speed * Math.cos(bullet.angle);
          if (bullet.x < 0 || bullet.x > canvas.width || bullet.y < 0 || bullet.y > canvas.height) {
            bullet.isFired = false;
          }
        }
      }

// Check for collision between bullet and enemy
      function checkCollision() {
        if (bullet.isFired && Math.abs(enemy.x - bullet.x) < enemy.size / 2 && Math.abs(enemy.y - bullet.y) < enemy.size / 2) {
          bullet.isFired = false;
          enemy.x = Math.random() * canvas.width;
          enemy.y = Math.random() * canvas.height;
        }
      }

// Game loop
      setInterval(function() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawBullet();
        drawEnemy();
        updatePlayerPosition();
        moveEnemyTowardsPlayer();
        updateBulletPosition();
        checkCollision();
      }, 30);

// Event listener for shooting
      window.addEventListener("click", function() {
        fireBullet();
      });

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