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

No:22089

←

Prev Next

→

鳩時計　カオナシ　千と千尋の神隠し　効果音
Developer User10149｜Date and time 23/10/20 18:05:12
Build time 83.228 sec｜Game capacity 2.715KB｜

Script

了解いたしました。以下に、指定された条件で鳩時計ゲームを作成したサンプルコードを示します。

鳩時計ゲーム

Score: 0

🕒

このゲームでは、鳩時計(🕒)をタップするとスコアが増えるようになっています。ゲームは制限時間30秒で、タイマーが0になるとゲームが終了し、スコアがアラートで表示されます。また、クリック時に効果音が再生されるようになっています。このサンプルコードは、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>
    <style>
        body {
            text-align: center;
            font-size: 3em;
        }

#score {
            font-size: 1em;
        }

#timer {
            font-size: 2em;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>鳩時計ゲーム</h1>
    <p id="score">Score: 0</p>
    <div id="timer">30</div>
    <script>
        // 効果音
        const soundEffect = new Audio("path/to/sound_effect.mp3");

// 鳩時計の変数
        const clockEmoji = "🕒";
        let score = 0;
        let timer = 30;
        let gameInterval;
    
        // スタートボタンを押したときの処理
        function startGame() {
            // カウントダウンタイマーのスタート
            gameInterval = setInterval(updateTimer, 1000);
    
            // 鳩時計をクリックしたときの処理
            document.getElementById("clock").addEventListener("click", increaseScore);
        }
    
        // 鳩時計をクリックしたときの処理
        function increaseScore() {
            score++;
            soundEffect.play(); // 効果音を再生
            document.getElementById("score").textContent = "Score: " + score;
        }
    
        // カウントダウンタイマーの処理
        function updateTimer() {
            timer--;
            document.getElementById("timer").textContent = timer;
    
            if (timer <= 0) {
                clearInterval(gameInterval);
                document.getElementById("clock").removeEventListener("click", increaseScore);
                alert("ゲーム終了！\nあなたのスコアは" + score + "点です！");
            }
        }
    
        // ページの読み込みが完了したときにゲームを開始
        window.onload = startGame;
    </script>
    <p id="clock" style="font-size: 10em;">🕒</p>
</body>
</html>
```

このゲームでは、鳩時計(🕒)をタップするとスコアが増えるようになっています。ゲームは制限時間30秒で、タイマーが0になるとゲームが終了し、スコアがアラートで表示されます。また、クリック時に効果音が再生されるようになっています。

このサンプルコードは、HTMLファイルの中に直接JavaScriptコードを記述しています。なお、効果音の再生部分では適切な音声ファイルのパスを指定する必要があります。