Are old style shooter but with emojis's game

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

No:15456

←

Prev Next

→

Are old style shooter but with emojis
Developer User6707｜Date and time 23/9/9 9:30:09
Build time 17.624 sec｜Game capacity 3.865KB｜

Script

Sure! Here's an example of an old-style shooter game implemented using JavaScript and emojis, enclosed in script tags within a single HTML file:

When you open this HTML file in a web browser, you'll be able to play the game on your smartphone's browser. You control the player emoji by touching and dragging it on the screen. The player emoji shoots bomb emojis (`💣`) by tapping on the screen. The goal is to shoot and destroy the enemy emojis (`👻`). Note: Due to the limitations of text-based communication, the emojis might not be displayed properly on all systems. Make sure you have a system and browser that supports emoji display to play the game as intended.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an old-style shooter game implemented using JavaScript and emojis, enclosed in script tags within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Shooter Game</title>
</head>
<body>
  <script>
    // Function to create a new emoji element
    function createEmoji(character) {
      const emoji = document.createElement('span');
      emoji.innerHTML = character;
      emoji.style.position = 'absolute';
      emoji.style.top = '0';
      return emoji;
    }

// Function to move the player emoji
    function movePlayer(event) {
      const player = document.getElementById('player');
      const x = event.touches[0].clientX;
      const y = event.touches[0].clientY;
      player.style.left = x + 'px';
      player.style.top = y + 'px';
    }

// Function to start shooting emojis
    function startShooting() {
      const player = document.getElementById('player');
      const container = document.getElementById('container');

// Move player with touch events
      container.addEventListener('touchmove', movePlayer);

// Create and move shooting emojis
      setInterval(() => {
        const emoji = createEmoji('💣');
        emoji.style.left = player.style.left;
        emoji.style.top = player.style.top;
        container.appendChild(emoji);

// Move shooting emoji upwards
        let posY = parseInt(emoji.style.top);
        const moveInterval = setInterval(() => {
          posY -= 10;
          emoji.style.top = posY + 'px';

// Check for collision with enemy emojis
          const enemies = document.getElementsByClassName('enemy');
          Array.from(enemies).forEach((enemy) => {
            const rect1 = emoji.getBoundingClientRect();
            const rect2 = enemy.getBoundingClientRect();

if (
              rect1.x < rect2.x + rect2.width &&
              rect1.x + rect1.width > rect2.x &&
              rect1.y < rect2.y + rect2.height &&
              rect1.y + rect1.height > rect2.y
            ) {
              container.removeChild(emoji);
              container.removeChild(enemy);
              clearInterval(moveInterval);
            }
          });

// Remove shooting emoji if it goes out of the container
          if (posY < 0) {
            container.removeChild(emoji);
            clearInterval(moveInterval);
          }
        }, 50);
      }, 500);
    }

// Function to start the game
    function startGame() {
      const container = document.getElementById('container');

// Create player emoji
      const player = createEmoji('👾');
      player.id = 'player';
      player.style.left = '50%';
      player.style.top = '80%';
      container.appendChild(player);

// Create enemy emojis
      for (let i = 0; i < 5; i++) {
        const enemy = createEmoji('👻');
        enemy.classList.add('enemy');
        enemy.style.left = Math.floor(Math.random() * 90) + 'vw';
        enemy.style.top = Math.floor(Math.random() * 50) + 'vh';
        container.appendChild(enemy);
      }

// Start shooting
      startShooting();
    }

// Start the game when the HTML page is loaded
    window.onload = startGame;
  </script>

<div id="container" style="position: relative; width: 100vw; height: 100vh;"></div>
</body>
</html>
```

Note: Due to the limitations of text-based communication, the emojis might not be displayed properly on all systems. Make sure you have a system and browser that supports emoji display to play the game as intended.