Background is black when you click a random emoji spawn and bounces off the walls if you hold down it gets bigger's game

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

No:13709

102

←

Prev Next

→

Background is black when you click a random emoji ..ALL
Developer User5868｜Date and time 23/8/29 16:00:26
Build time 23.571 sec｜Game capacity 3.44KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Emoji Bouncer Game</title>
</head>
<body style="background-color: black;">
    <script>
        // Emoji symbols
        var emojiSymbols = ["😁", "😂", "😃", "😄", "😅", "😆",
                            "😇", "😈", "😉", "😊", "😋", "😌"];

// Generate a random emoji symbol
        function getRandomEmoji() {
            var randomIndex = Math.floor(Math.random() * emojiSymbols.length);
            return emojiSymbols[randomIndex];
        }

// Game area dimensions
        var gameAreaWidth = window.innerWidth;
        var gameAreaHeight = window.innerHeight;

// Emoji properties
        var emoji = document.createElement("div");
        emoji.style.position = "absolute";
        emoji.style.fontSize = "32px";
        emoji.style.left = "0px";
        emoji.style.top = "0px";
        emoji.style.transform = "scale(1)";

// Function to handle emoji movement
        function moveEmoji(event) {
            var key = event.which || event.keyCode;
            var speed = 10;

// Left arrow key
            if (key === 37) {
                emoji.style.left = parseInt(emoji.style.left) - speed + "px";
            }
            // Up arrow key
            else if (key === 38) {
                emoji.style.top = parseInt(emoji.style.top) - speed + "px";
            }
            // Right arrow key
            else if (key === 39) {
                emoji.style.left = parseInt(emoji.style.left) + speed + "px";
            }
            // Down arrow key
            else if (key === 40) {
                emoji.style.top = parseInt(emoji.style.top) + speed + "px";
            }

// Keep emoji within game area bounds
            if (parseInt(emoji.style.left) < 0) {
                emoji.style.left = "0px";
            }
            else if (parseInt(emoji.style.left) > gameAreaWidth - 32) {
                emoji.style.left = gameAreaWidth - 32 + "px";
            }
            if (parseInt(emoji.style.top) < 0) {
                emoji.style.top = "0px";
            }
            else if (parseInt(emoji.style.top) > gameAreaHeight - 32) {
                emoji.style.top = gameAreaHeight - 32 + "px";
            }
        }

// Function to increase emoji size when mouse is held down
        function growEmoji() {
            var currentScale = parseFloat(emoji.style.transform.substring(6));
            var newScale = currentScale + 0.1;
            emoji.style.transform = "scale(" + newScale + ")";
        }

// Function to shrink emoji size back to normal
        function resetEmojiSize() {
            emoji.style.transform = "scale(1)";
        }

// Start the game
        function startGame() {
            // Create the emoji element and add it to the body
            emoji.innerHTML = getRandomEmoji();
            document.body.appendChild(emoji);

// Bind event listeners
            window.addEventListener("keydown", moveEmoji);
            emoji.addEventListener("mousedown", growEmoji);
            emoji.addEventListener("mouseup", resetEmojiSize);
            emoji.addEventListener("touchstart", growEmoji);
            emoji.addEventListener("touchend", resetEmojiSize);
        }

// Call the start game function
        startGame();
    </script>
</body>
</html>