100 moving emojis, random position, loop's game

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

No:37354

←

Prev Next

→

100 moving emojis, random position, loop
Developer User17064｜Date and time 24/1/21 2:23:02
Build time 8.195 sec｜Game capacity 2.433KB｜

Script

Sure! Here's an example of a game written in a single HTML file, using JavaScript, and enclosed in script tags. The game will display 100 moving emojis with random positions, and it will continuously loop.

To play the game, simply open the HTML file in a web browser (preferably on a smartphone for optimal display). The emojis will start moving randomly across the screen. You can change the emoji code within the `emojiCode` variable to display different emojis. The game will continue indefinitely, with the emojis continuously changing their positions every second.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Emoji Game</title>
    <style>
      #game-board {
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
      }
      .emoji {
        position: absolute;
        font-size: 30px;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

let posX = Math.floor(Math.random() * boardWidth);
        let posY = Math.floor(Math.random() * boardHeight);

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

function createEmojis() {
        let gameBoard = document.getElementById("game-board");

for (let i = 0; i < 100; i++) {
          let emoji = document.createElement("div");
          emoji.classList.add("emoji");
          
          let emojiCode = "🎩"; // Change this to any emoji code

emoji.innerHTML = emojiCode;
          gameBoard.appendChild(emoji);

let position = getRandomPosition();
          emoji.style.top = position.y + "px";
          emoji.style.left = position.x + "px";
        }
      }

function moveEmojis() {
        let emojis = document.getElementsByClassName("emoji");

for (let i = 0; i < emojis.length; i++) {
          let emoji = emojis[i];
          let position = getRandomPosition();
          
          emoji.style.top = position.y + "px";
          emoji.style.left = position.x + "px";
        }
      }

function startGame() {
        createEmojis();
        setInterval(moveEmojis, 1000); // Change the interval (in milliseconds) to adjust the speed of movement
      }

window.onload = startGame;
    </script>
  </body>
</html>
```
To play the game, simply open the HTML file in a web browser (preferably on a smartphone for optimal display). The emojis will start moving randomly across the screen. You can change the emoji code within the `emojiCode` variable to display different emojis. The game will continue indefinitely, with the emojis continuously changing their positions every second.