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

No:7262

6762

←

Prev Next

→

Ponponkyu (moxibustion)
Developer もちきなこ｜Date and time 23/7/6 17:45:42
Build time 25.801 sec｜Game capacity 2.937KB｜

Script

了解です。以下にポンポンキュー（お灸）というゲームの実装例を示します。

ポンポンきゅー(お灸)

点数: 0

このプログラムは、スタートボタンをクリックするとゲームが開始されます。画面上にランダムに配置された「🍚」の絵文字が表示され、プレーヤーは制限時間内にその絵文字をクリックして点数を獲得するゲームです。制限時間は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>
</head>
<body>
  <h1>ポンポンきゅー(お灸)</h1>
  <p id="score">点数: 0</p>
  <button onclick="startGame()">スタート</button>

// ゲームスタート時の処理
    function startGame() {
      // クリックイベントの設定
      document.addEventListener('click', handleButtonClick);

// ポンポンきゅーの表示
      document.body.innerHTML += '<span id="ponpon">🍚</span>';

// 1秒ごとにお灸をランダムな位置に移動させる
      setInterval(movePonpon, 1000);
    }

// クリック時の処理
    function handleButtonClick(event) {
      // クリック回数をカウント
      count++;

// クリックした要素がお灸だった場合
      if (event.target.id === 'ponpon') {
        // スコアを加算
        score++;
        document.getElementById('score').textContent = `点数: ${score}`;

// お灸を消す
        event.target.remove();
      }

// 10回クリックされた場合、ゲーム終了
      if (count === 10) {
        finishGame();
      }
    }

// お灸をランダムな位置に移動させる処理
    function movePonpon() {
      // ランダムな座標を生成
      const x = Math.random() * (window.innerWidth - 100);
      const y = Math.random() * (window.innerHeight - 100);

// お灸の位置を変更
      const ponpon = document.getElementById('ponpon');
      ponpon.style.position = 'absolute';
      ponpon.style.left = x + 'px';
      ponpon.style.top = y + 'px';
    }

// ゲーム終了時の処理
    function finishGame() {
      // クリックイベントを削除
      document.removeEventListener('click', handleButtonClick);

// お灸を全て消す
      const ponpons = document.getElementsByClassName('ponpon');
      Array.from(ponpons).forEach(ponpon => ponpon.remove());

// ゲーム結果の表示
      document.body.innerHTML += `<p>ゲーム終了！スコア: ${score}</p>`;
    }
  </script>
</body>
</html>
```

このプログラムは、スタートボタンをクリックするとゲームが開始されます。画面上にランダムに配置された「🍚」の絵文字が表示され、プレーヤーは制限時間内にその絵文字をクリックして点数を獲得するゲームです。制限時間は10回のクリックで終了し、最終的なスコアが表示されます。

なお、スマートフォンでも操作が可能ですが、画面のサイズによってポンポンをクリックしにくい場合があるかもしれませんので、ご了承ください。