A random emoji moving at a different position in a box but everytime it hits a wall or corner, a new emoji appears and it gets 5% faster's game

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

No:37394

←

Prev Next

→

A random emoji moving at a different position in a..ALL
Developer User17064｜Date and time 24/1/21 3:15:24
Build time 8.523 sec｜Game capacity 2.647KB｜

Script

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

This code creates a simple game where a random emoji, represented by a span with id "emoji", moves inside a box. The position of the emoji is updated every 10 milliseconds, and if it hits the walls or corners of the box, a new random position is generated and the speed of the emoji is increased by 5%. The game is enclosed in the `
` tags and can be saved as a single HTML file.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

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

function getRandomPosition() {
        var box = document.getElementById("game-box");
        var boxWidth = box.clientWidth;
        var boxHeight = box.clientHeight;
        var xPos = Math.floor(Math.random() * (boxWidth - 30));
        var yPos = Math.floor(Math.random() * (boxHeight - 30));
        return [xPos, yPos];
      }

function moveEmoji() {
        var currentPosition = getRandomPosition();
        var xPos = currentPosition[0];
        var yPos = currentPosition[1];
        var speedIncrease = 1.05; // Increase speed by 5% every time

emojiElement.style.left = xPos + "px";
        emojiElement.style.top = yPos + "px";

var moveInterval = setInterval(function() {
          currentPosition = getRandomPosition();
          xPos = currentPosition[0];
          yPos = currentPosition[1];

var currentLeft = parseFloat(emojiElement.style.left);
          var currentTop = parseFloat(emojiElement.style.top);

if (
            currentLeft + 30 >= boxWidth ||
            currentTop + 30 >= boxHeight ||
            currentLeft <= 0 ||
            currentTop <= 0
          ) {
            clearInterval(moveInterval);
            emojiElement.style.left = xPos + "px";
            emojiElement.style.top = yPos + "px";
            moveEmoji();
            speedIncrease *= 1.05; // Increase speed by 5%
          } else {
            emojiElement.style.left =
              currentLeft + Math.floor(speedIncrease) + "px";
            emojiElement.style.top =
              currentTop + Math.floor(speedIncrease) + "px";
          }
        }, 10);
      }

moveEmoji();
    });
  </script>
</body>
</html>
```