A random emoji moving in a box but everytime the emoji hits a wall or corner, it gets faster.'s game

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

No:37358

←

Prev Next

→

A random emoji moving in a box but everytime the e..ALL
Developer User17064｜Date and time 24/1/21 2:29:43
Build time 8.034 sec｜Game capacity 2.279KB｜

Script

Sure! Here's an example of a single HTML file that implements a game where a random emoji moves around in a box, getting faster every time it hits a wall or corner. This implementation uses JavaScript and is enclosed in script tags:

😀

In this game, an emoji (represented by the 😀 pictogram) moves around inside a box. The `moveEmoji()` function is responsible for updating the emoji's position, checking for collisions with walls or corners, and increasing the emoji's speed. The game loop is initiated using `requestAnimationFrame()`. Please note that this is a basic example and can be further customized or enhanced based on your specific requirements.

←

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>
    #gameBox {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      position: relative;
    }

#emoji {
      font-size: 48px;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="gameBox">
    <span id="emoji">😀</span>
  </div>

function moveEmoji() {
        // Update position
        x += dx;
        y += dy;

// Check collision with walls or corners
        if (x <= 0 || x >= gameBoxWidth - emojiSize) {
          dx = -dx; // reverse x direction
          increaseSpeed();
        }

if (y <= 0 || y >= gameBoxHeight - emojiSize) {
          dy = -dy; // reverse y direction
          increaseSpeed();
        }

// Update emoji position
        emoji.style.left = x + "px";
        emoji.style.top = y + "px";

// Continue moving
        requestAnimationFrame(moveEmoji);
      }

function increaseSpeed() {
        dx *= 1.1; // increase x speed by 10%
        dy *= 1.1; // increase y speed by 10%
      }

moveEmoji(); // start the game loop
    });
  </script>
</body>
</html>
```

Please note that this is a basic example and can be further customized or enhanced based on your specific requirements.