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

No:9359

124

←

Prev Next

→

Jen Gone Dan
Developer User4337｜Date and time 23/7/23 23:25:25
Build time 26.23 sec｜Game capacity 3.359KB｜

Script

了解です。珍走団というゲームを作成します。

0

タップで珍走団を走らせよう！

😀

このコードは以下の動作をします。 - 「珍走団」のタイトルとスコア表示、ボタンが表示されます。 - 「スタート」ボタンを押すと、ゲームが開始され、0.5秒ごとにスコアが加算されます。また、終了までの時間もランダムに設定されます。 - ゲーム終了後、スコアが表示され、もう一度遊ぶためのボタンが表示されます。 - ゲーム中に「珍走団」の絵文字をクリックすると、スコアがさらに10点加算されます。このプログラムを実行すると、珍走団というゲームが遊べます。スマートフォンでの操作を前提にしていますので、実機上で遊んでみてください。

←

Prev　Next

→ 　

Back　

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

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

了解です。珍走団というゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>珍走団</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
        }

#game {
            text-align: center;
        }

#start-button {
            font-size: 30px;
            padding: 10px 20px;
            border-radius: 20px;
            background-color: lightblue;
            cursor: pointer;
        }

#score {
            font-size: 50px;
        }

.emoji {
            font-size: 100px;
        }
    </style>
</head>
<body>
    <div id="game">
        <h1 id="score">0</h1>
        <p>タップで珍走団を走らせよう！</p>
        <p class="emoji">😀</p>
        <button id="start-button">スタート</button>
    </div>

function startGame() {
            isRunning = true;

document.getElementById("start-button").disabled = true;
            document.getElementById("start-button").innerText = "ゲーム中...";

// 0.5秒ごとにスコアを加算
            intervalId = setInterval(function () {
                score++;
                document.getElementById("score").innerText = score;
            }, 500);

// ゲーム終了までのランダムな時間
            var duration = Math.random() * 5000 + 2000;
            setTimeout(function () {
                endGame();
            }, duration);
        }

function endGame() {
            isRunning = false;

clearInterval(intervalId);

document.getElementById("start-button").disabled = false;
            document.getElementById("start-button").innerText = "もう一度遊ぶ";

alert("ゲーム終了！\nスコア: " + score);

score = 0;
            document.getElementById("score").innerText = score;
        }

document.addEventListener("click", function (event) {
            if (isRunning && event.target.classList.contains("emoji")) {
                score += 10;
                document.getElementById("score").innerText = score;
            }
        });
    </script>
</body>
</html>
```

このコードは以下の動作をします。
- 「珍走団」のタイトルとスコア表示、ボタンが表示されます。
- 「スタート」ボタンを押すと、ゲームが開始され、0.5秒ごとにスコアが加算されます。また、終了までの時間もランダムに設定されます。
- ゲーム終了後、スコアが表示され、もう一度遊ぶためのボタンが表示されます。
- ゲーム中に「珍走団」の絵文字をクリックすると、スコアがさらに10点加算されます。

このプログラムを実行すると、珍走団というゲームが遊べます。スマートフォンでの操作を前提にしていますので、実機上で遊んでみてください。