A shooter games were you need to shoot enemies and you switch to 3 guns with different ammo damage and forage the games goes harder as you go further and on the game gets beaten when you reach a clear Tain score's game

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

No:12577

←

Prev Next

→

A shooter games were you need to shoot enemies and..ALL
Developer unknown｜Date and time 23/8/20 1:13:23
Build time 17.848 sec｜Game capacity 4.744KB｜

Script

Sure! Here's an example of a simple shooter game implemented as a single HTML file using JavaScript:

In this game, you control a blue square (the player) using the left and right arrow keys on your smartphone. You can shoot bullets by pressing the spacebar. The objective is to shoot the red squares (the enemies) before they reach the bottom of the game board. Each enemy you shoot adds 10 points to your score, and if your score reaches 100, the game ends and you win. There are no pictograms in this example, but you can easily modify the CSS styles to add pictogram images instead of the solid colors used for the player, enemies, and bullets.

←

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 shooter game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Shooter Game</title>
    <style>
      #game-board {
        position: relative;
        width: 400px;
        height: 600px;
        border: 1px solid black;
      }
      .player {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: blue;
      }
      .enemy {
        position: absolute;
        width: 30px;
        height: 30px;
        background-color: red;
      }
      .bullet {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: yellow;
      }
    </style>
  </head>
  <body>
    <div id="game-board">
      <div class="player"></div>
    </div>
    <script>
      // Game variables
      var player;
      var bullets = [];
      var enemies = [];
      var score = 0;

// Initialize the game
      function initGame() {
        player = document.querySelector('.player');
        document.addEventListener('keydown', handlePlayerMovement);
        setInterval(moveBullets, 10);
        setInterval(moveEnemies, 500);
        setInterval(checkCollision, 10);
      }

// Handle player movement
      function handlePlayerMovement(event) {
        var playerLeft = parseInt(getComputedStyle(player).left);
        if (event.key === 'ArrowLeft') {
          if (playerLeft > 0) {
            player.style.left = playerLeft - 10 + 'px';
          }
        } else if (event.key === 'ArrowRight') {
          if (playerLeft < 350) {
            player.style.left = playerLeft + 10 + 'px';
          }
        } else if (event.key === ' ') {
          shoot();
        }
      }

// Shoot a bullet
      function shoot() {
        var bullet = document.createElement('div');
        bullet.classList.add('bullet');
        bullet.style.left = player.offsetLeft + 20 + 'px';
        bullet.style.top = player.offsetTop - 10 + 'px';
        document.getElementById('game-board').appendChild(bullet);
        bullets.push(bullet);
      }

// Move bullets
      function moveBullets() {
        for (var i = 0; i < bullets.length; i++) {
          var bulletTop = parseInt(getComputedStyle(bullets[i]).top);
          if (bulletTop > 0) {
            bullets[i].style.top = bulletTop - 5 + 'px';
          } else {
            bullets[i].remove();
            bullets.splice(i, 1);
          }
        }
      }

// Spawn enemies
      function spawnEnemy() {
        var enemy = document.createElement('div');
        enemy.classList.add('enemy');
        enemy.style.left = Math.random() * 370 + 'px';
        enemy.style.top = '-30px';
        document.getElementById('game-board').appendChild(enemy);
        enemies.push(enemy);
      }

// Move enemies
      function moveEnemies() {
        spawnEnemy();
        for (var i = 0; i < enemies.length; i++) {
          var enemyTop = parseInt(getComputedStyle(enemies[i]).top);
          if (enemyTop < 600) {
            enemies[i].style.top = enemyTop + 10 + 'px';
          } else {
            enemies[i].remove();
            enemies.splice(i, 1);
            score -= 10;
          }
        }
      }

// Check collision
      function checkCollision() {
        for (var i = 0; i < bullets.length; i++) {
          for (var j = 0; j < enemies.length; j++) {
            if (
              bullets[i].offsetLeft < enemies[j].offsetLeft + 30 &&
              bullets[i].offsetLeft + 10 > enemies[j].offsetLeft &&
              bullets[i].offsetTop < enemies[j].offsetTop + 30 &&
              bullets[i].offsetTop + 10 > enemies[j].offsetTop
            ) {
              bullets[i].remove();
              bullets.splice(i, 1);
              enemies[j].remove();
              enemies.splice(j, 1);
              score += 10;
            }
          }
        }
      }

// Game loop
      setInterval(function () {
        if (score >= 100) {
          clearInterval();
          alert('Game Over: You reached the target score!');
        }
      }, 1000);

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

There are no pictograms in this example, but you can easily modify the CSS styles to add pictogram images instead of the solid colors used for the player, enemies, and bullets.