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

No:40431

←

Prev Next

→

Shooting Game
Developer User18098｜Date and time 24/2/2 16:37:07
Build time 13.298 sec｜Game capacity 3.298KB｜

Script

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

Shooting Game

This HTML file represents a simple shooting game where the player, represented by a pictogram of a player, can move left and right using the left and right arrow keys. The player's goal is to shoot down the falling enemies by clicking on them using a bullet. The score is displayed at the top of the game. The game starts automatically on page load. Note: To run this HTML file as a game, you would need to replace the `emozi_all/game.png` and `emozi_all/enemy.png` URLs with actual links to the desired pictogram images.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Shooting Game</title>
  <style>
    #game {
      position: relative;
      width: 400px;
      height: 600px;
      border: 1px solid black;
    }
    #player {
      position: absolute;
      bottom: 10px;
      width: 50px;
      height: 50px;
      background-image: url('player.png');
      background-size: contain;
    }
    .bullet {
      position: absolute;
      width: 10px;
      height: 20px;
      background-color: black;
    }
    .enemy {
      position: absolute;
      width: 40px;
      height: 40px;
      background-image: url('enemy.png');
      background-size: contain;
    }
  </style>
</head>
<body>
  <script>
    window.onload = function() {
      // Initialize game variables
      var game = document.getElementById("game");
      var player = document.getElementById("player");
      var score = 0;
      var isPlaying = false;

// Function to start the game
      function startGame() {
        isPlaying = true;
        score = 0;
        player.style.left = "175px";
        game.innerHTML = "";
        game.appendChild(player);
        spawnEnemy();
        updateScore();
      }

// Function to update the score on the screen
      function updateScore() {
        document.getElementById("score").innerText = "Score: " + score;
      }

// Function to spawn a new enemy
      function spawnEnemy() {
        if (!isPlaying) {
          return;
        }

var enemy = document.createElement("div");
        enemy.className = "enemy";
        enemy.style.left = Math.floor(Math.random() * 360) + "px";
        game.appendChild(enemy);

setTimeout(function() {
          enemy.style.top = "560px";
          enemy.addEventListener("click", function() {
            if (isPlaying) {
              this.parentNode.removeChild(this);
              score++;
              updateScore();
              spawnEnemy();
            }
          });

if (isPlaying) {
            spawnEnemy();
          }
        }, Math.floor(Math.random() * 2000) + 1000);
      }

// Event listener to move the player left or right
      document.addEventListener("keydown", function(event) {
        if (event.key === "ArrowLeft" && player.offsetLeft > 0) {
          player.style.left = (player.offsetLeft - 10) + "px";
        }
        if (event.key === "ArrowRight" && player.offsetLeft < 350) {
          player.style.left = (player.offsetLeft + 10) + "px";
        }
      });

// Start the game on page load
      startGame();
    }
  </script>

<h1>Shooting Game</h1>
  <div id="game"></div>
  <div id="score"></div>
</body>
</html>
```

Note: To run this HTML file as a game, you would need to replace the `player.png` and `enemy.png` URLs with actual links to the desired pictogram images.