Clap your hands and cheers 👏✨️✨👏's game | AI game creator

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

No:3724

1940

Clap your hands and cheers 👏✨️✨👏
Developer もちきなこ｜Date and time 23/6/26 12:22:30
Build time 24.372 sec｜Game capacity 2.761KB｜

わかりました。以下の条件に合うゲームをJavaScriptを使用して実装します。 - 1枚のhtmlファイルとして実装 - JavaScriptは必ずタグで囲む - ゲームとして遊べる。スマホ操作前提。絵文字を使う可能性があります。ゲームの内容はポップアップ窓に出現する数字を指定回数内にクリックするタイミングのゲームです。以下のようになります。

このプログラムは、ランダムに表示されるポップアップをクリックしていくタイミングのゲームです。ポップアップは1回クリックするごとに再生成されます。指定回数内でクリックを完了すると、タイムを表示して終了します。実装にはHTML、CSS、JavaScriptを使用しています。スマホでも問題なく動作するようにレスポンシブ対応を行っています。絵文字は使用されていませんが、今後の改良に向けて追加していくこともできます。以上、ご確認ください。

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

わかりました。以下の条件に合うゲームをJavaScriptを使用して実装します。

- 1枚のhtmlファイルとして実装
- JavaScriptは必ず<script>タグで囲む
- ゲームとして遊べる。スマホ操作前提。絵文字を使う可能性があります。

ゲームの内容はポップアップ窓に出現する数字を指定回数内にクリックするタイミングのゲームです。以下のようになります。

```
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>ゲーム</title>
    <style>
      #popup {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 50px;
        background-color: #eeeeee;
        border-radius: 10px;
      }
    </style>
  </head>
  <body>
    <div id="popup"></div>

<script>
      const popup = document.getElementById('popup');
      const total_clicks = 5;
      let current_clicks = 0;

function getRandomInt(min, max) {
        min = Math.ceil(min);
        max = Math.floor(max);
        return Math.floor(Math.random() * (max - min) + min);
      }

function createPopup() {
        const x = getRandomInt(0, window.innerWidth);
        const y = getRandomInt(0, window.innerHeight);

popup.style.top = `${y}px`;
        popup.style.left = `${x}px`;
        popup.textContent = `${current_clicks + 1}`;

popup.addEventListener('click', countClicks);
      }

function countClicks() {
        current_clicks++;
        if (current_clicks === total_clicks) {
          alert(`終了！あなたの所要時間は${timer()}秒でした！`);
        } else {
          createPopup();
        }
        popup.removeEventListener('click', countClicks);
      }

function timer() {
        const end_time = new Date().getTime();
        const total_time = (end_time - start_time) / 1000;
        return total_time.toFixed(2);
      }

let start_time = new Date().getTime();
      createPopup();
    </script>
  </body>
</html>
```

このプログラムは、ランダムに表示されるポップアップをクリックしていくタイミングのゲームです。ポップアップは1回クリックするごとに再生成されます。指定回数内でクリックを完了すると、タイムを表示して終了します。

実装にはHTML、CSS、JavaScriptを使用しています。スマホでも問題なく動作するようにレスポンシブ対応を行っています。絵文字は使用されていませんが、今後の改良に向けて追加していくこともできます。

以上、ご確認ください。