AI game creator

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

No:6373

937

←

Prev Next

→

hello
Developer User3890｜Date and time 23/7/2 11:04:35
Build time 23.047 sec｜Game capacity 2.134KB｜

Script

こんにちは！了解しました。それでは、スマートフォンで遊べるシンプルなゲームを作ってみましょう。以下のコードは、数秒ごとに画面上に表示されるランダムな数字をクリックして、正しい順番でなぞるゲームです。最初は数字が1つ表示され、正しくクリックすると次の数字が表示されます。間違った数字をクリックするとゲームが終了し、スコアが表示されます。

Click the number:

Score: 0

このゲームでは、画面中央に数字が表示され、クリックすることで次の数字をなぞることができます。正しくなぞればスコアが加算され、間違えるとゲームオーバーになります。ご希望の要件を満たしているか確認いただければ幸いです。もし他のゲームを作りたい場合は、お気軽にご連絡ください。

←

Prev　Next

→ 　

Back　

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

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

こんにちは！了解しました。それでは、スマートフォンで遊べるシンプルなゲームを作ってみましょう。

以下のコードは、数秒ごとに画面上に表示されるランダムな数字をクリックして、正しい順番でなぞるゲームです。最初は数字が1つ表示され、正しくクリックすると次の数字が表示されます。間違った数字をクリックするとゲームが終了し、スコアが表示されます。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Number Game</title>
  <style>
    html, body {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #game-area {
      text-align: center;
      font-size: 5rem;
    }
    #score {
      font-size: 2rem;
    }
  </style>
</head>
<body>
  <div id="game-area">
    <p>Click the number:</p>
    <p id="number"></p>
  </div>
  <div id="score">Score: 0</div>

function showNumber() {
      document.getElementById("number").textContent = number;
      number++;
    }

function gameOver() {
      alert("Game over! Your score is: " + score);
    }

function handleClick() {
      if (parseInt(this.textContent) === number) {
        score++;
        showNumber();
      } else {
        gameOver();
      }
    }

function startGame() {
      showNumber();
      setInterval(showNumber, 2000);

var elements = document.querySelectorAll("#game-area p");
      for (var i = 0; i < elements.length; i++) {
        elements[i].addEventListener("click", handleClick);
      }
    }

startGame();
  </script>
</body>
</html>
```

このゲームでは、画面中央に数字が表示され、クリックすることで次の数字をなぞることができます。正しくなぞればスコアが加算され、間違えるとゲームオーバーになります。

ご希望の要件を満たしているか確認いただければ幸いです。もし他のゲームを作りたい場合は、お気軽にご連絡ください。