🥛をこぼさないようにしよう's game

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

No:20217

←

Prev Next

→

🥛をこぼさないようにしよう
Developer User8984｜Date and time 23/10/8 21:31:16
Build time 15.382 sec｜Game capacity 2.377KB｜

Script

了解です。以下に、🥛をこぼさないようにするゲームの実装例を示します。

🥛

このゲームでは、HTML ファイル内に "🥛" のアイコンが表示されます。アイコンをクリックすると、アイコンの位置がランダムに変わります。ゲームの目的は、「🥛」がこぼれないようにクリックを繰り返すことです。スマホで操作する場合、アイコンをタップしてください。以上のコードをコピーして HTML ファイルとして保存し、スマートフォンのブラウザで実行することで、🥛 をこぼさないようにするゲームをお楽しみいただけます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解です。以下に、🥛をこぼさないようにするゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>🥛 をこぼさないゲーム</title>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        #container {
            text-align: center;
            height: 100%;
        }
        #milk {
            font-size: 96px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="container">
        <p id="milk">🥛</p>
    </div>

function getRandomPosition() {
                var windowHeight = window.innerHeight;
                var windowWidth = window.innerWidth;
                var milkHeight = milkElement.offsetHeight;
                var milkWidth = milkElement.offsetWidth;

var topPosition = Math.floor(Math.random() * (windowHeight - milkHeight));
                var leftPosition = Math.floor(Math.random() * (windowWidth - milkWidth));

return [topPosition, leftPosition];
            }

function setMilkPosition() {
                var position = getRandomPosition();
                milkElement.style.top = position[0] + 'px';
                milkElement.style.left = position[1] + 'px';
            }

setMilkPosition();

milkElement.addEventListener('click', function() {
                setMilkPosition();
            });
        });
    </script>
</body>
</html>
```

このゲームでは、HTML ファイル内に "🥛" のアイコンが表示されます。アイコンをクリックすると、アイコンの位置がランダムに変わります。ゲームの目的は、「🥛」がこぼれないようにクリックを繰り返すことです。スマホで操作する場合、アイコンをタップしてください。

以上のコードをコピーして HTML ファイルとして保存し、スマートフォンのブラウザで実行することで、🥛 をこぼさないようにするゲームをお楽しみいただけます。