a game in which I am a soldier I have a gun green clothes and I walk in a building that has 3 floors and there are a lot of enemies who have masks and shoot at me's game

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

No:26125

←

Prev Next

→

a game in which I am a soldier I have a gun green ..ALL
Developer User12866｜Date and time 23/11/27 5:06:42
Build time 123.579 sec｜Game capacity 6.042KB｜

Script

Sure! Here's a simple game implemented as a single HTML file that meets your requirements. The game is called "Soldier Shootout."

Game Over

To play the game: 1. Copy the above code and save it as "soldier_shootout.html". 2. Open the HTML file in your smartphone's browser. 3. Use the arrow keys to move the soldier (green square) in the building (white rectangle). 4. Press the spacebar to shoot bullets (black squares) at the enemies (red squares) and masks (gray squares). 5. Your goal is to eliminate all enemies on the different floors and collect all masks on the final floor (floor 3). 6. The game ends when you have cleared all enemies on floor 3. 7. The "Game Over" message will be displayed when you complete the game or if an enemy hits you. 8. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's a simple game implemented as a single HTML file that meets your requirements. The game is called "Soldier Shootout."

```html
<!DOCTYPE html>
<html>
<head>
  <title>Soldier Shootout</title>
  <style>
    #player { background-color: green; }
    .enemy { background-color: red; }
    .bullet { background-color: black; }
    .mask { background-color: gray; }
    .building { background-color: white; border: 1px solid black; }
    .game-over { display: none; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; }
  </style>
</head>
<body>
  <div class="building">
    <div id="player" style="position: absolute; top: 10px; left: 10px; width: 20px; height: 20px;"></div>
    <div id="bullets" style="position: absolute;"></div>
    <div id="enemies" style="position: absolute;"></div>
    <div id="masks" style="position: absolute;"></div>
  </div>
  <div class="game-over" id="gameOver">Game Over</div>

function getRandomPos(max) {
      return Math.floor(Math.random() * max) + 1;
    }

function createSprite(x, y, className) {
      var sprite = document.createElement("div");
      sprite.className = className;
      sprite.style.left = x + "px";
      sprite.style.top = y + "px";
      return sprite;
    }

function movePlayer(event) {
      if (gameOver) return;
      
      var x = player.offsetLeft;
      var y = player.offsetTop;

switch (event.key) {
        case "ArrowUp":
          if (y > 10) player.style.top = (y - 10) + "px";
          break;
        case "ArrowDown":
          if (y < 270) player.style.top = (y + 10) + "px";
          break;
        case "ArrowLeft":
          if (x > 10) player.style.left = (x - 10) + "px";
          break;
        case "ArrowRight":
          if (x < 570) player.style.left = (x + 10) + "px";
          break;
        case " ": // shoot
          var bullet = createSprite(x + 10, y + 10, "bullet");
          bullets.push(bullet);
          document.getElementById("bullets").appendChild(bullet);
          break;
      }
    }

function updateBullets() {
      bullets.forEach(function (bullet, bulletIndex) {
        var x = bullet.offsetLeft;

bullet.style.left = (x + 5) + "px";

if (x > 595) {
          bullet.parentNode.removeChild(bullet);
          bullets.splice(bulletIndex, 1);
        } else {
          hitTest(bullet);
        }
      });
    }

function createEnemy() {
      var x, y;

if (currentFloor === 1) {
        x = getRandomPos(530);
        y = getRandomPos(100);
      } else if (currentFloor === 2) {
        x = getRandomPos(530);
        y = getRandomPos(170) + 100;
      } else {
        x = getRandomPos(530);
        y = getRandomPos(280) + 190;
      }

var enemy = createSprite(x, y, "enemy");
      enemies.push(enemy);
      document.getElementById("enemies").appendChild(enemy);
    }

function createMask() {
      var x, y;

if (currentFloor === 1 || currentFloor === 2) {
        x = getRandomPos(530);
        y = getRandomPos(280) + 190;
      } else {
        x = getRandomPos(530);
        y = getRandomPos(100);
      }

var mask = createSprite(x, y, "mask");
      masks.push(mask);
      document.getElementById("masks").appendChild(mask);
    }

function hitTest(bullet) {
      var bulletX = bullet.offsetLeft;
      var bulletY = bullet.offsetTop;

enemies.forEach(function (enemy, enemyIndex) {
        var enemyX = enemy.offsetLeft;
        var enemyY = enemy.offsetTop;

if (
          bulletX >= enemyX - 10 &&
          bulletX <= enemyX + 10 &&
          bulletY >= enemyY - 10 &&
          bulletY <= enemyY + 10
        ) {
          bullet.parentNode.removeChild(bullet);
          bullets.splice(bullets.findIndex(b => b === bullet), 1);
          enemy.parentNode.removeChild(enemy);
          enemies.splice(enemyIndex, 1);
        }
      });

masks.forEach(function (mask, maskIndex) {
        var maskX = mask.offsetLeft;
        var maskY = mask.offsetTop;

if (
          bulletX >= maskX - 10 &&
          bulletX <= maskX + 10 &&
          bulletY >= maskY - 10 &&
          bulletY <= maskY + 10
        ) {
          bullet.parentNode.removeChild(bullet);
          bullets.splice(bullets.findIndex(b => b === bullet), 1);
          mask.parentNode.removeChild(mask);
          masks.splice(maskIndex, 1);
        }
      });

if (bullet.parentNode) {
        if (currentFloor === 3) {
          bullet.parentNode.removeChild(bullet);
          bullets.splice(bullets.findIndex(b => b === bullet), 1);
        }
      }
    }

function gameLoop() {
      if (gameOver) return;
      
      if (Math.random() < 0.02) {
        createEnemy();
      }

if (Math.random() < 0.01) {
        createMask();
      }

updateBullets();

if (currentFloor === 3 && masks.length === 0) {
        gameOver = true;
        document.getElementById("gameOver").style.display = "block";
      }

setTimeout(gameLoop, 10);
    }

function startGame() {
      player = document.getElementById("player");
      document.addEventListener("keydown", movePlayer);
      gameLoop();
    }

startGame();
  </script>
</body>
</html>
```

To play the game:
1. Copy the above code and save it as "soldier_shootout.html".
2. Open the HTML file in your smartphone's browser.
3. Use the arrow keys to move the soldier (green square) in the building (white rectangle).
4. Press the spacebar to shoot bullets (black squares) at the enemies (red squares) and masks (gray squares).
5. Your goal is to eliminate all enemies on the different floors and collect all masks on the final floor (floor 3).
6. The game ends when you have cleared all enemies on floor 3.
7. The "Game Over" message will be displayed when you complete the game or if an enemy hits you.
8. Enjoy the game!