栗のいがを避けましょう's game

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

No:39647

←

Prev Next

→

栗のいがを避けましょう
Developer User17762｜Date and time 24/1/29 18:22:35
Build time 12.294 sec｜Game capacity 1.856KB｜

Script

了解です。以下が該当の要件を満たすプログラムの例です。

🌰

このプログラムでは、栗の絵文字をクリックして遊ぶゲームです。ゲーム画面の中央に栗が表示され、クリックするとサイズと位置がランダムに変化します。栗のサイズが10rem（大きさ10倍）になるとゲームオーバーとなり、アラートが表示されます。ゲームオーバー後はサイズと位置がリセットされます。このプログラムを1枚の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>
        #game {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 5rem;
        }
    </style>
</head>
<body>
    <div id="game">🌰</div>

game.addEventListener('click', () => {
            game.style.fontSize = getRandomSize() + 'rem';
            game.style.left = getRandomPosition() + '%';
            game.style.top = getRandomPosition() + '%';

if (game.style.fontSize === '10rem') {
                alert('ゲームオーバー！');
                game.style.fontSize = '5rem';
                game.style.left = '50%';
                game.style.top = '50%';
            }
        });

const getRandomSize = () => {
            return Math.floor(Math.random() * 11) + 5;
        };

const getRandomPosition = () => {
            return Math.floor(Math.random() * 81) + 10;
        };
    </script>
</body>
</html>
```

このプログラムでは、栗の絵文字をクリックして遊ぶゲームです。ゲーム画面の中央に栗が表示され、クリックするとサイズと位置がランダムに変化します。栗のサイズが10rem（大きさ10倍）になるとゲームオーバーとなり、アラートが表示されます。ゲームオーバー後はサイズと位置がリセットされます。

このプログラムを1枚のHTMLファイルとして保存し、ブラウザで開くと実際に遊ぶことができます。スマホでの操作にも対応しています。