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

No:9241

1218

←

Prev Next

→

detox
Developer User4321｜Date and time 23/7/22 21:52:17
Build time 21.021 sec｜Game capacity 2.743KB｜

Script

了解しました。以下に、スマートフォンで遊べるシンプルなゲームを作成するサンプルコードを示します。

ゲーム

スコア: 0

このコードでは、スタートボタンをクリックするとゲームが開始されます。ゲーム中はランダムな絵文字が表示され、絵文字をクリックするとスコアが加算されます。10秒後にゲームが終了し、最終スコアがアラートダイアログで表示されます。このようなゲームを1枚のHTMLファイルに実装しています。JavaScriptは`
`タグで囲まれており、処理は実行開始されるようになっています。スマートフォンでプレイでき、絵文字が使われています。

←

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>
</head>
<body>
    <h1>ゲーム</h1>
    <button id="startButton">スタート</button>
    <p id="score">スコア: 0</p>

function startGame() {
            // ゲームの初期化
            let score = 0;

// スコアの表示を更新
            const scoreElement = document.getElementById('score');
            scoreElement.textContent = 'スコア: ' + score;

// ゲームのメインループ
            const gameLoop = setInterval(() => {
                // ランダムな絵文字を表示
                const emoji = getRandomEmoji();
                document.body.textContent = emoji;

// 絵文字がクリックされたらスコアを加算
                document.addEventListener('click', handleClick);

function handleClick() {
                    score++;
                    scoreElement.textContent = 'スコア: ' + score;
                }

// 一定時間後に絵文字をクリックできないようにする
                setTimeout(() => {
                    document.removeEventListener('click', handleClick);
                }, 500);
            }, 1000);

// 10秒後にゲームを終了し、スコアを表示する
            setTimeout(() => {
                clearInterval(gameLoop);
                alert('ゲーム終了！\nスコア: ' + score);
            }, 10000);
        }

function getRandomEmoji() {
            const emojis = ['😀', '😍', '🎉', '🍕', '🐱', '🌺', '🌈', '🚀'];
            const randomIndex = Math.floor(Math.random() * emojis.length);
            return emojis[randomIndex];
        }
    </script>
</body>
</html>
```

このコードでは、スタートボタンをクリックするとゲームが開始されます。ゲーム中はランダムな絵文字が表示され、絵文字をクリックするとスコアが加算されます。10秒後にゲームが終了し、最終スコアがアラートダイアログで表示されます。

このようなゲームを1枚のHTMLファイルに実装しています。JavaScriptは`<script>`タグで囲まれており、処理は実行開始されるようになっています。スマートフォンでプレイでき、絵文字が使われています。