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

No:23277

Shooter game only using emojis
Developer User10753｜Date and time 23/10/29 13:58:30
Build time 77.523 sec｜Game capacity 4.246KB｜

Script

Sure! Here's an example of a simple shooter game using emojis, implemented as a single HTML file enclosed in script tags:

Emoji Shooter Game

🚀

This game uses emojis to represent the player, bullets, and enemies. The player can move left and right using the arrow keys. The objective is to shoot down the enemies by colliding the bullets with them, scoring points in the process. The score is displayed on the game board.

←

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 using emojis, implemented as a single HTML file enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Shooter Game</title>
  <style>
    body {
      text-align: center;
    }
    
    #game-board {
      display: inline-block;
      border: 1px solid black;
      background-color: lightgray;
      width: 300px;
      height: 300px;
      position: relative;
    }
    
    #player {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .emoji {
      font-size: 24px;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Emoji Shooter Game</h1>
  
  <div id="game-board">
    <div id="player" class="emoji">🚀</div>
  </div>
  
  <script>
    // Game variables
    var player;
    var bullets;
    var enemies;
    var score;
    var gameInterval;

// Create game elements and initialize variables
    function startGame() {
      player = {
        x: 150,
        y: 280
      };
      bullets = [];
      enemies = [];
      score = 0;
      gameInterval = setInterval(updateGameArea, 20);
    }

// Update game area
    function updateGameArea() {
      movePlayer();
      moveBullets();
      moveEnemies();
      checkCollision();
      drawGameArea();
    }

// Move player based on user input
    function movePlayer() {
      if (keys.ArrowLeft && player.x > 0) {
        player.x -= 5;
      }
      if (keys.ArrowRight && player.x < 300) {
        player.x += 5;
      }
    }

// Move bullets towards enemies
    function moveBullets() {
      for (var i = 0; i < bullets.length; i++) {
        bullets[i].y -= 4;
      }
    }

// Move enemies downward
    function moveEnemies() {
      for (var i = 0; i < enemies.length; i++) {
        enemies[i].y += 2;
      }
    }

// Check for collisions between bullets and enemies
    function checkCollision() {
      for (var i = 0; i < bullets.length; i++) {
        for (var j = 0; j < enemies.length; j++) {
          if (bullets[i].x === enemies[j].x && bullets[i].y === enemies[j].y) {
            bullets.splice(i, 1);
            enemies.splice(j, 1);
            score += 10;
          }
        }
      }
    }

// Draw game area
    function drawGameArea() {
      var gameBoard = document.getElementById("game-board");
      gameBoard.innerHTML = "";

// Draw player
      var playerElement = document.createElement("div");
      playerElement.className = "emoji";
      playerElement.style.left = player.x + "px";
      playerElement.style.bottom = player.y + "px";
      playerElement.innerHTML = "🚀";
      gameBoard.appendChild(playerElement);

// Draw bullets
      for (var i = 0; i < bullets.length; i++) {
        var bulletElement = document.createElement("div");
        bulletElement.className = "emoji";
        bulletElement.style.left = bullets[i].x + "px";
        bulletElement.style.bottom = bullets[i].y + "px";
        bulletElement.innerHTML = "💥";
        gameBoard.appendChild(bulletElement);
      }

// Draw enemies
      for (var i = 0; i < enemies.length; i++) {
        var enemyElement = document.createElement("div");
        enemyElement.className = "emoji";
        enemyElement.style.left = enemies[i].x + "px";
        enemyElement.style.bottom = enemies[i].y + "px";
        enemyElement.innerHTML = "👾";
        gameBoard.appendChild(enemyElement);
      }

// Display score
      var scoreElement = document.createElement("div");
      scoreElement.innerHTML = "Score: " + score;
      gameBoard.appendChild(scoreElement);
    }

// Initialize keyboard controls
    var keys = {};
    document.addEventListener("keydown", function (event) {
      keys[event.code] = true;
    });
    document.addEventListener("keyup", function (event) {
      delete keys[event.code];
    });

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