Place diffrent emojis by the bath while angrey emojis go along the path and you have to k○ll the angry emojis before they get to the bunker.'s game

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

No:25068

←

Prev Next

→

Place diffrent emojis by the bath while angrey emo..ALL
Developer The maker｜Date and time 23/11/16 22:49:23
Build time 135.399 sec｜Game capacity 5.133KB｜

Script

Sure! Here's an example of a simple game where you can play as a "defender" and shoot down the angry emojis before they reach the bunker. The game is designed for smartphone operation and uses pictograms as emojis. Just copy the code below into an HTML file and open it in your browser to play the game:

Make sure to replace the `emozi_all/emoji.png` and `emozi_apple.png` paths with the actual paths to your emoji and defender images. The `emozi_all/emoji.png` image should contain angry emojis, and the `emozi_all/angry.png` image should represent the defender. You can adjust the `emojiSize`, `gameSpeed`, and scoring logic to fit your desired gameplay experience. I hope you enjoy playing the game! Let me know if you have any further questions.

←

Prev　Next

→ 　

Back　

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

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

Just copy the code below into an HTML file and open it in your browser to play the game:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Defense Game</title>
  <style>
    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    #game-container {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

// Create the game container
    var gameContainer = document.getElementById('game-container');
    gameContainer.style.position = 'relative';

// Function to create a new emoji element and add it to the game container
    function createEmoji() {
      var emoji = document.createElement('img');
      emoji.src = 'emoji.png';  // Path to your emoji image
      emoji.style.position = 'absolute';
      emoji.style.width = emojiSize + 'px';
      emoji.style.height = emojiSize + 'px';
      emoji.style.top = Math.random() * (gameContainer.clientHeight - emojiSize) + 'px';
      emoji.style.left = gameContainer.clientWidth + 'px';
      return emoji;
    }

// Function to move emojis to the left and handle collision detection
    function moveEmojis() {
      var emojis = document.getElementsByClassName('emoji');
      for (var i = 0; i < emojis.length; i++) {
        var emoji = emojis[i];
        var x = parseFloat(emoji.style.left);
        if (x > -emojiSize) {
          emoji.style.left = (x - gameSpeed) + 'px';

// Check if emoji collides with defender
          if (x < emojiSize && parseFloat(defender.style.top) === parseFloat(emoji.style.top)) {
            emoji.remove();  // Remove the emoji
            score++;         // Increase the player's score
          }
        } else {
          emoji.remove();  // Remove the emoji if it goes off-screen
        }
      }
      requestAnimationFrame(moveEmojis);
    }

// Create the defender element
    var defender = document.createElement('img');
    defender.src = 'defender.png';  // Path to your defender image
    defender.style.position = 'absolute';
    defender.style.width = emojiSize + 'px';
    defender.style.height = emojiSize + 'px';
    defender.style.bottom = '20px';  // Position the defender at the bottom of the game container
    gameContainer.appendChild(defender);

// Handle click events on the game container to shoot
    gameContainer.addEventListener('click', function(event) {
      var shot = document.createElement('div');
      shot.style.position = 'absolute';
      shot.style.width = '8px';
      shot.style.height = '8px';
      shot.style.background = 'red';  // Color of the shot
      shot.style.borderRadius = '50%';
      shot.style.left = parseFloat(defender.style.left) + emojiSize + 'px';
      shot.style.top = parseFloat(defender.style.top) + (emojiSize / 2) + 'px';
      gameContainer.appendChild(shot);
      var startX = parseFloat(shot.style.left);

// Move the shot towards the top of the game container
      function moveShot() {
        var x = parseFloat(shot.style.left);
        if (x < gameContainer.clientWidth) {
          shot.style.left = (x + gameSpeed) + 'px';

// Check if the shot collides with an emoji
          var emojis = document.getElementsByClassName('emoji');
          for (var i = 0; i < emojis.length; i++) {
            var emoji = emojis[i];
            if (parseFloat(emoji.style.left) < x + 8 &&
                parseFloat(emoji.style.left) + emojiSize > x &&
                parseFloat(emoji.style.top) === parseFloat(shot.style.top)) {
              emoji.remove();    // Remove the hit emoji
              shot.remove();     // Remove the shot
              score += 10;       // Increase the player's score for hitting an emoji
              return;
            }
          }

requestAnimationFrame(moveShot);
        } else {
          shot.remove();  // Remove the shot if it goes off-screen
        }
      }

moveShot();
    });

// Start the game by creating emojis and moving them
    function startGame() {
      setInterval(function() {
        var emoji = createEmoji();
        emoji.classList.add('emoji');
        gameContainer.appendChild(emoji);
      }, 1000);  // Add a new emoji every second
      moveEmojis();
    }

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

Make sure to replace the `emoji.png` and `defender.png` paths with the actual paths to your emoji and defender images. The `emoji.png` image should contain angry emojis, and the `defender.png` image should represent the defender.

You can adjust the `emojiSize`, `gameSpeed`, and scoring logic to fit your desired gameplay experience.

I hope you enjoy playing the game! Let me know if you have any further questions.