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

No:26546

←

Prev Next

→

Shooting Game
Developer User13083｜Date and time 23/12/1 19:15:19
Build time 86.237 sec｜Game capacity 4.066KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript. It can be played on a smartphone and uses pictograms for visuals.

Shooting Game

To play the game, you can simply copy and paste the above code into an HTML file and open it in a web browser on your smartphone. Use the left and right arrow keys to move the player, and tap the screen or press the spacebar to shoot at the enemies. The goal is to avoid the enemies reaching the player and shoot down as many enemies as possible.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript. It can be played on a smartphone and uses pictograms for visuals.

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

<head>
  <meta charset="UTF-8">
  <title>Shooting Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-container {
      position: relative;
      width: 100%;
      height: 400px;
    }
    
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #00F;
    }
    
    .bullet {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: #F00;
    }
    
    .enemy {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #F0F;
    }
  </style>
</head>

<body>
  <h1>Shooting Game</h1>
  <div id="game-container">
    <div id="player"></div>
  </div>

// Player controls
    document.addEventListener("keydown", function (event) {
      if (event.keyCode === 37) {
        player.style.left = parseInt(player.style.left || "0") - 10 + "px"; // Left arrow key
      } else if (event.keyCode === 39) {
        player.style.left = parseInt(player.style.left || "0") + 10 + "px"; // Right arrow key
      } else if (event.keyCode === 32) {
        // Spacebar to shoot
        shoot();
      }
    });

function shoot() {
      var bullet = document.createElement("div");
      bullet.className = "bullet";
      bullet.style.left = parseInt(player.style.left || "0") + 20 + "px";
      bullet.style.bottom = "0";
      gameContainer.appendChild(bullet);
      bullets.push(bullet);
    }

// Game loop
    function updateGame() {
      // Move bullets
      bullets.forEach(function (bullet) {
        var currentBottom = parseInt(bullet.style.bottom || "0");
        bullet.style.bottom = currentBottom + 5 + "px";

// Check for collision with enemies
        enemies.forEach(function (enemy) {
          if (isColliding(bullet, enemy)) {
            bullet.parentNode.removeChild(bullet);
            enemy.parentNode.removeChild(enemy);
            bullets = bullets.filter(function (b) {
              return b !== bullet;
            });
            enemies = enemies.filter(function (e) {
              return e !== enemy;
            });
          }
        });
      });

// Move enemies
      enemies.forEach(function (enemy) {
        var currentTop = parseInt(enemy.style.top || "400") - 5;
        enemy.style.top = currentTop + "px";

// Game over if enemy reaches the player
        if (isColliding(enemy, player)) {
          clearInterval(gameInterval);
          alert("Game Over");
        }
      });

// Add new enemies randomly
      if (Math.random() < 0.02) {
        var enemy = document.createElement("div");
        enemy.className = "enemy";
        enemy.style.top = "400px";
        enemy.style.left = Math.random() * (gameContainer.offsetWidth - 50) + "px";
        gameContainer.appendChild(enemy);
        enemies.push(enemy);
      }
    }

// Check for collision between two elements
    function isColliding(element1, element2) {
      var rect1 = element1.getBoundingClientRect();
      var rect2 = element2.getBoundingClientRect();

return !(rect1.right < rect2.left ||
        rect1.left > rect2.right ||
        rect1.bottom < rect2.top ||
        rect1.top > rect2.bottom);
    }

var gameInterval = setInterval(updateGame, 20);
  </script>
</body>

</html>
```