test's game | AI game creator

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

No:4478

3183

test
Developer User1006｜Date and time 23/6/28 2:03:53
Build time 36.195 sec｜Game capacity 3.771KB｜

が完了したら、実際に遊んでみてください！はい、了解しました。ご依頼の通り、1枚のhtmlファイルにJavaScriptを含むゲームを作成いたします。スマホ操作にも対応し、可能な限り絵文字を使います。今回作成するゲームは、ターゲットを指定してタップするゲームです。画面上にランダムで表示されるターゲットをタップすることで、得点を稼ぎます。制限時間内にできるだけ多くのターゲットに反応して、高得点を目指しましょう。以下が、実際に動作するプログラムの一例です。（記述言語はJavaScriptです）

このプログラムでは、画面上にランダムで表示される赤いターゲットをタップすることで得点を稼ぐことができます。制限時間は30秒で、時間切れになると得点が表示されます。スマホ版の場合、タップした位置にターゲットが表示されるようにレイアウトを調整する必要があります。以上が、ご依頼のゲームになります。何か問題があれば、お気軽にお知らせください。

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

が完了したら、実際に遊んでみてください！

はい、了解しました。ご依頼の通り、1枚のhtmlファイルにJavaScriptを含むゲームを作成いたします。スマホ操作にも対応し、可能な限り絵文字を使います。

今回作成するゲームは、ターゲットを指定してタップするゲームです。画面上にランダムで表示されるターゲットをタップすることで、得点を稼ぎます。制限時間内にできるだけ多くのターゲットに反応して、高得点を目指しましょう。

以下が、実際に動作するプログラムの一例です。（記述言語はJavaScriptです）

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>ターゲットゲーム</title>
    <style type="text/css">
      body {
        background-color: #f0f0f0;
      }     
      #target {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #f00;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    </style>
  </head>
  <body>
    <div id="target"></div>
    <script>
      var score = 0;  // 得点
      var time = 30;  // 制限時間
      var intervalId; // タイマーのID

function updateTarget() {
        var target = document.getElementById("target");
        target.style.top = Math.floor(Math.random() * 80 + 10) + "%"; // 上端位置をランダムに指定
        target.style.left = Math.floor(Math.random() * 80 + 10) + "%"; // 左端位置をランダムに指定
      }

function updateTime() {
        var timeElement = document.getElementById("time");
        if (time > 0) {
          time--;
          timeElement.textContent = "残り時間：" + time + "秒";
        } else {
          clearInterval(intervalId);
          alert("時間切れです！\n得点は" + score + "点でした。");
        }
      }

function onClickTarget() {
        score += 10;
        var scoreElement = document.getElementById("score");
        scoreElement.textContent = "得点：" + score + "点";
        updateTarget();
      }

function startGame() {
        var startButton = document.getElementById("startButton");
        startButton.style.display = "none"; // ボタンを非表示にする
        intervalId = setInterval(updateTime, 1000); // タイマーを開始する
        updateTarget();
      }

// HTML読み込み完了後に実行される関数
      window.onload = function() {
        // ボタンにイベントを設定する
        var startButton = document.getElementById("startButton");
        startButton.onclick = startGame;
        var target = document.getElementById("target");
        target.onclick = onClickTarget;

// 初期表示する
        var scoreElement = document.getElementById("score");
        scoreElement.textContent = "得点：" + score + "点";
        var timeElement = document.getElementById("time");
        timeElement.textContent = "残り時間：" + time + "秒";
      };
    </script>
    <p id="score"></p>
    <p id="time"></p>
    <button id="startButton">スタート！</button>
  </body>
</html>
```

このプログラムでは、画面上にランダムで表示される赤いターゲットをタップすることで得点を稼ぐことができます。制限時間は30秒で、時間切れになると得点が表示されます。スマホ版の場合、タップした位置にターゲットが表示されるようにレイアウトを調整する必要があります。

以上が、ご依頼のゲームになります。何か問題があれば、お気軽にお知らせください。