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

No:7539

1722

←

Prev Next

→

Run, run lala, run run run 🎶.
Developer User3840｜Date and time 23/7/8 13:57:23
Build time 17.4 sec｜Game capacity 2.621KB｜

Script

了解しました。以下に、「ラン、ランララ、ランランラン🎶」というゲームを部分的にゲーム化したHTMLファイルの実装例を示します。このゲームはスマホ操作を前提としています。

ラン、ランララ、ランランラン🎶

Score: 0

🎵

このゲームでは、スタートボタンをクリックすると、1つの絵文字が表示されます。ユーザーは10秒以内に表示された絵文字が特定の絵文字（この例では"🎶"、"🎵"、"🎼"のいずれか）であるかを判断し、スコアを得ることができます。10秒経過するか、スコアを得た後にゲームが終了し、最終スコアが表示されます。スタートボタンを再度クリックすると、新しいゲームが始まります。この例は部分的にゲーム化されたものですが、必要な機能が含まれているため遊ぶことができるはずです。

←

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>
        body {
            text-align: center;
            font-size: 30px;
            background-color: #f2f2f2;
        }
        #score {
            font-size: 50px;
            margin-bottom: 20px;
        }
        #startButton {
            font-size: 20px;
            padding: 10px 20px;
            background-color: #0099ff;
            color: white;
            border: none;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <h1>ラン、ランララ、ランランラン🎶</h1>
    <div id="score">Score: 0</div>
    <div>
        <span id="note" style="font-size: 100px;">🎵</span>
    </div>
    <div>
        <button id="startButton">Start</button>
    </div>

function startGame() {
            score = 0;
            updateScore();

interval = setInterval(function() {
                var randomNote = notes[Math.floor(Math.random() * notes.length)];
                document.getElementById("note").innerHTML = randomNote;
            }, 1000);
        }

function updateScore() {
            document.getElementById("score").innerHTML = "Score: " + score;
        }

document.getElementById("startButton").addEventListener("click", function() {
            startGame();

setTimeout(function() {
                clearInterval(interval);
                alert("Game Over! Final Score: " + score);
            }, 10000);
        });
    </script>
</body>
</html>
```

この例は部分的にゲーム化されたものですが、必要な機能が含まれているため遊ぶことができるはずです。