Every 0.1 second a random emoji appears at a different position in a box and moves,'s game

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

No:37357

←

Prev Next

→

Every 0.1 second a random emoji appears at a diffe..ALL
Developer User17064｜Date and time 24/1/21 2:27:11
Build time 9.495 sec｜Game capacity 2.623KB｜

Script

Here's an example of a game implemented in a single HTML file using JavaScript. This game will display random emojis and move them around within a specified box every 0.1 second. You can play the game by trying to catch or click on the emojis as they appear and move.

To play the game, simply open the HTML file in a web browser on your smartphone. Emojis will appear and move randomly within the box, and you can try to catch or click on them. Feel free to customize the game's appearance and rules according to your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Catch Game</title>
  <style>
    #game-container {
      width: 400px;
      height: 400px;
      position: relative;
      border: 1px solid black;
      overflow: hidden;
    }
    
    .emoji {
      position: absolute;
      font-size: 30px;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

// Function to generate a random position within the game box
    function getRandomPosition() {
      var gameContainer = document.getElementById("game-container");
      var containerWidth = gameContainer.offsetWidth;
      var containerHeight = gameContainer.offsetHeight;

var posX = Math.floor(Math.random() * (containerWidth - 50));  // Subtract 50 to keep emoji fully visible
      var posY = Math.floor(Math.random() * (containerHeight - 50)); // Subtract 50 to keep emoji fully visible

return { x: posX, y: posY };
    }

// Function to move the emojis
    function moveEmojis() {
      var emojis = document.getElementsByClassName("emoji");
      for (var i = 0; i < emojis.length; i++) {
        var emoji = emojis[i];
        var newPosition = getRandomPosition();
        emoji.style.left = newPosition.x + "px";
        emoji.style.top = newPosition.y + "px";
      }
    }

// Create an interval to continuously move the emojis every 0.1 second
    setInterval(moveEmojis, 100);

// Create emojis at random positions within the game box every 0.1 second
    setInterval(function() {
      var gameContainer = document.getElementById("game-container");
      var emoji = document.createElement("span");
      emoji.className = "emoji";
      emoji.innerHTML = getRandomEmoji();
      gameContainer.appendChild(emoji);
    }, 100);
  </script>
</body>
</html>
```