A random emoji moving at a different position in a box but everytime it hits a wall or corner, another emoji spawns.'s game

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

No:37359

←

Prev Next

→

A random emoji moving at a different position in a..ALL
Developer User17064｜Date and time 24/1/21 2:31:40
Build time 7.836 sec｜Game capacity 2.087KB｜

Script

Sure! Here's an example of a game where a random emoji moves around a box, and every time it hits a wall or corner, another emoji spawns. The game is designed for smartphone operation and uses pictograms as emojis. Please note that the code provided is just an example, and you can modify it according to your needs:

😀

In this example, the game box is a `div` element with the id `gameBox`, and the emoji is a `span` element with the id `emoji`. The `moveEmoji` function is triggered when the emoji is clicked. The function calculates random `x` and `y` coordinates within the game box to position the emoji. If the emoji hits a wall or corner (i.e., `x = 0`, `y = 0`, `x = (boxWidth - emojiSize)`, or `y = (boxHeight - emojiSize)`), another emoji is appended to the game box. Feel free to modify the styling, emojis, or add additional features to further enhance the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #gameBox {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            position: relative;
        }
        #emoji {
            font-size: 40px;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="gameBox">
        <span id="emoji" onclick="moveEmoji()">😀</span>
    </div>

var x = Math.floor(Math.random() * (boxWidth - emojiSize));
            var y = Math.floor(Math.random() * (boxHeight - emojiSize));

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

if (x === 0 || y === 0 || x === (boxWidth - emojiSize) || y === (boxHeight - emojiSize)) {
                gameBox.innerHTML += '<span id="emoji" onclick="moveEmoji()">😀</span>';
            }
        }
    </script>
</body>
</html>
```

In this example, the game box is a `div` element with the id `gameBox`, and the emoji is a `span` element with the id `emoji`. The `moveEmoji` function is triggered when the emoji is clicked.

The function calculates random `x` and `y` coordinates within the game box to position the emoji. If the emoji hits a wall or corner (i.e., `x = 0`, `y = 0`, `x = (boxWidth - emojiSize)`, or `y = (boxHeight - emojiSize)`), another emoji is appended to the game box.

Feel free to modify the styling, emojis, or add additional features to further enhance the game.