There is 2 people. You have to fight them with guns and you can build walls to protect the player's game

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

No:35812

108

←

Prev Next

→

There is 2 people. You have to fight them with gun..ALL
Developer User16627｜Date and time 24/1/15 13:08:55
Build time 13.655 sec｜Game capacity 3.913KB｜

Script

Here's an example of a simple game implemented in a single HTML file using JavaScript. Please note that the code below is just a starting point, and you can enhance and customize it further to fit your requirements.

In this game, you control a blue square representing the player and need to defeat two red squares representing enemies. You can move the player using the arrow keys on your smartphone. The enemies move randomly within the game container. Additionally, you can build walls by tapping on the game container, and each wall costs 3 units. You start with 10 walls, and the number of remaining walls is logged to the console. Feel free to modify and improve this code to make it a more complete and enjoyable game!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gun Battle Game</title>
  <style>
    #game-container {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    .player, .enemy, .wall {
      width: 20px;
      height: 20px;
      position: absolute;
    }
    .player {
      background-color: blue;
    }
    .enemy {
      background-color: red;
    }
    .wall {
      background-color: gray;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div class="player"></div>
    <div class="enemy"></div>
    <div class="enemy"></div>
  </div>

// Player movement controls
    let playerX = 0;
    let playerY = 0;
    const playerSpeed = 20;

// Enemy movement controls
    const enemySpeed = 10;

// Wall building controls
    const wallCost = 3;
    let wallsRemaining = 10;

// Handle player movement
    function handlePlayerMovement(event) {
      switch(event.key) {
        case 'ArrowUp':
          playerY -= playerSpeed;
          break;
        case 'ArrowDown':
          playerY += playerSpeed;
          break;
        case 'ArrowLeft':
          playerX -= playerSpeed;
          break;
        case 'ArrowRight':
          playerX += playerSpeed;
          break;
      }
      player.style.transform = `translate(${playerX}px, ${playerY}px)`;
    }
    document.addEventListener('keydown', handlePlayerMovement);

// Move enemies randomly
    setInterval(() => {
      enemies.forEach(enemy => {
        const randomX = Math.floor(Math.random() * 3) - 1; // -1, 0, or 1
        const randomY = Math.floor(Math.random() * 3) - 1; // -1, 0, or 1
        const enemyRect = enemy.getBoundingClientRect();
        const newEnemyX = enemyRect.left + randomX * enemySpeed;
        const newEnemyY = enemyRect.top + randomY * enemySpeed;

if (
          newEnemyX > 0 &&
          newEnemyY > 0 &&
          newEnemyX < gameContainer.clientWidth - enemy.offsetWidth &&
          newEnemyY < gameContainer.clientHeight - enemy.offsetHeight
          ) {
            enemy.style.transform = `translate(${newEnemyX}px, ${newEnemyY}px)`;
          }
      });
    }, 1000);

// Handle wall building
    gameContainer.addEventListener('click', event => {
      if (wallsRemaining >= wallCost) {
        const wall = document.createElement('div');
        wall.className = 'wall';
        wall.style.left = `${event.clientX - gameContainer.offsetLeft - 10}px`; // -10px to adjust for wall size
        wall.style.top = `${event.clientY - gameContainer.offsetTop - 10}px`; // -10px to adjust for wall size

gameContainer.appendChild(wall);
        wallsRemaining -= wallCost;
        console.log(`Walls remaining: ${wallsRemaining}`);
      } else {
        console.log("Not enough walls remaining");
      }
    });
  </script>
</body>
</html>
```

Feel free to modify and improve this code to make it a more complete and enjoyable game!