2d shooting game where you should k○ll enemy's game

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

No:19275

←

Prev Next

→

2d shooting game where you should k○ll enemy
Developer User8499｜Date and time 23/10/2 10:56:08
Build time 11.319 sec｜Game capacity 2.785KB｜

Script

Sure! Here's a basic implementation of a 2D shooting game where you have to kill enemy using JavaScript. The game will be playable as a finished game, and you can operate it on a smartphone. For simplicity, I'll use ASCII characters instead of pictograms.

To play the game, simply save the code in a .html file, open it in a web browser on your smartphone, and use the arrow keys to move the player left and right. Press the spacebar to shoot bullets at the enemy. The game will keep track of your score and display the final score when the enemy reaches the end of the game grid. Note: The visual representation of player, enemy, and bullet may not be accurately rendered on all devices depending on font support, but the game logic will work correctly. Feel free to replace the Unicode characters with pictograms of your choice if your device supports them.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>2D Shooting Game</title>
  <style>
    body {
      font-family: monospace;
      text-align: center;
    }
  </style>
</head>

<body>
  <script>
    // Game variables
    let player = "😄";
    let enemy = "😡";
    let bullet = "💥";
    let gameWidth = 30;
    let score = 0;
    let gameOver = false;

// Initialize player position
    const playerPosition = Math.floor(gameWidth / 2);

// Initialize game grid
    let grid = [];
    for (let i = 0; i < gameWidth; i++) {
      grid.push("-");
    }
    grid[playerPosition] = player;

// Main game loop
    function update() {
      if (!gameOver) {
        // Move enemy
        grid[Math.floor(Math.random() * gameWidth)] = enemy;

// Clear screen
        console.clear();

// Draw game grid
        console.log("Score: " + score);
        console.log(grid.join(""));

// Check collision
        if (grid[gameWidth - 1] === enemy) {
          gameOver = true;
          console.log("Game Over! Your final score is: " + score);
        }

// Reset grid
        grid.fill("-");

// Increase score
        score++;

// Repeat game loop
        setTimeout(update, 200);
      }
    }

// Listen for arrow keys to move player
    document.addEventListener("keydown", (event) => {
      if (event.key === "ArrowLeft" && playerPosition > 0) {
        playerPosition--;
      } else if (event.key === "ArrowRight" && playerPosition < gameWidth - 1) {
        playerPosition++;
      }
    });

// Listen for space key to shoot
    document.addEventListener("keydown", (event) => {
      if (event.code === "Space") {
        // Check if bullet hits enemy
        if (grid[playerPosition] === enemy) {
          grid[playerPosition] = bullet;
        }
      }
    });

// Start the game
    update();
  </script>
</body>

</html>
```

To play the game, simply save the code in a .html file, open it in a web browser on your smartphone, and use the arrow keys to move the player left and right. Press the spacebar to shoot bullets at the enemy. The game will keep track of your score and display the final score when the enemy reaches the end of the game grid.

Note: The visual representation of player, enemy, and bullet may not be accurately rendered on all devices depending on font support, but the game logic will work correctly. Feel free to replace the Unicode characters with pictograms of your choice if your device supports them.