ウイルスに感染しました感染しました感染しました感染 0.1秒ごとにランダムなサイズの絵文字をランダムな位置に表示する表示された絵文字は残り続ける's game

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

No:31035

←

Prev Next

→

ウイルスに感染しました感染しました感染しました感染 0.1秒ごとにランダムなサイズの絵文字をランダム..ALL
Developer User14987｜Date and time 23/12/24 20:52:44
Build time 17.703 sec｜Game capacity 2.938KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emoji Game</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        html, body {
            height: 100%;
        }
        #game-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: #f2f2f2;
            font-size: 3rem;
            overflow: hidden;
        }
        .emoji {
            position: absolute;
            user-select: none;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

// Create a new emoji element
        function createEmoji() {
            const emoji = document.createElement('div');
            emoji.classList.add('emoji');
            emoji.innerHTML = getRandomEmoji();
            return emoji;
        }

// Get a random emoji
        function getRandomEmoji() {
            const emojiList = ['😀', '😃', '😄', '😁', '😆', '😅', '🤣', '😂', '🙂', '🙃'];
            const randomNumber = getRandomNumber(0, emojiList.length - 1);
            return emojiList[randomNumber];
        }

// Set random size and position for the emoji element
        function setRandomProperties(emoji) {
            const container = document.getElementById('game-container');
            const containerWidth = container.clientWidth;
            const containerHeight = container.clientHeight;
            const minSize = 1;
            const maxSize = 10;

const size = getRandomNumber(minSize, maxSize);
            const left = getRandomNumber(0, containerWidth - size);
            const top = getRandomNumber(0, containerHeight - size);
            const color = getRandomColor();

emoji.style.width = size + 'rem';
            emoji.style.height = size + 'rem';
            emoji.style.left = left + 'px';
            emoji.style.top = top + 'px';
            emoji.style.color = color;
        }

// Get a random color in hexadecimal format
        function getRandomColor() {
            return '#' + Math.floor(Math.random() * 16777215).toString(16);
        }

// Game loop to display emojis every 0.1 second
        function gameLoop() {
            const emoji = createEmoji();
            setRandomProperties(emoji);
            document.getElementById('game-container').appendChild(emoji);
            setTimeout(gameLoop, 100);
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>