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

No:9488

159

Sumida River Firework Festival (Tokyo)
Developer User4369｜Date and time 23/7/25 15:33:45
Build time 32.791 sec｜Game capacity 3.398KB｜

了解しました。以下が隅田川花火大会のゲームの実装例です。

隅田川花火大会

クリックして花火を打ち上げよう！

0

このプログラムは、スマホのブラウザ上で動作する花火大会のゲームです。ゲームが開始されると、画面上にランダムに配置された花火が表示されます。プレイヤーは、花火をタップして打ち上げることができます。1つの花火を打ち上げるごとにスコアが加算され、所定の時間内にできるだけ多くの花火を打ち上げることが目標となります。制限時間が経過すると、スコアが表示されます。このゲームは、1枚のHTMLファイルとして実装され、JavaScriptによって制御されています。ゲームのロジックはJavaScriptの関数として実装され、必要な場所で呼び出されています。また、絵文字を使用して花火を描画することで、より視覚的に楽しめるようになっています。ご利用いただければ幸いです。

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

了解しました。以下が隅田川花火大会のゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>隅田川花火大会</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #score {
      font-size: 48px;
    }
    
    #start {
      display: none;
      font-size: 24px;
    }
    
    .firework {
      position: absolute;
      width: 50px;
      height: 50px;
      text-align: center;
      background-color: yellow;
      border-radius: 50%;
      font-size: 30px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>隅田川花火大会</h1>
  <p>クリックして花火を打ち上げよう！</p>
  
  <div id="score">0</div>
  <button id="start">スタート</button>
  
  <script>
    var score = 0;
    var timeLimit = 30;
    var timer;
    var canStart = true;
    
    function startGame() {
      score = 0;
      timeLimit = 30;
      document.getElementById("score").innerText = score;
      document.getElementById("start").style.display = "none";
      document.addEventListener("click", launchFirework);
      timer = setInterval(countdown, 1000);
    }
    
    function launchFirework(event) {
      if (event.target.classList.contains("firework")) {
        score++;
        document.getElementById("score").innerText = score;
        event.target.style.display = "none";
      }
    }
    
    function countdown() {
      timeLimit--;
      if (timeLimit <= 0) {
        clearInterval(timer);
        document.removeEventListener("click", launchFirework);
        document.getElementById("start").style.display = "block";
        canStart = true;
        alert("Time's up! Your score: " + score);
      }
    }
    
    function createFirework() {
      var firework = document.createElement("div");
      firework.classList.add("firework");
      firework.style.top = Math.random() * (window.innerHeight - 100) + "px";
      firework.style.left = Math.random() * (window.innerWidth - 100) + "px";
      firework.innerHTML = "🎆";
      return firework;
    }
    
    document.getElementById("start").addEventListener("click", function() {
      if (canStart) {
        canStart = false;
        this.style.display = "none";
        for (var i = 0; i < 10; i++) {
          var firework = createFirework();
          document.body.appendChild(firework);
        }
        startGame();
      }
    });
  </script>
</body>
</html>
```

このプログラムは、スマホのブラウザ上で動作する花火大会のゲームです。ゲームが開始されると、画面上にランダムに配置された花火が表示されます。プレイヤーは、花火をタップして打ち上げることができます。1つの花火を打ち上げるごとにスコアが加算され、所定の時間内にできるだけ多くの花火を打ち上げることが目標となります。制限時間が経過すると、スコアが表示されます。

このゲームは、1枚のHTMLファイルとして実装され、JavaScriptによって制御されています。ゲームのロジックはJavaScriptの関数として実装され、必要な場所で呼び出されています。また、絵文字を使用して花火を描画することで、より視覚的に楽しめるようになっています。

ご利用いただければ幸いです。