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

No:8268

2227

←

Prev Next

→

illusion
Developer User4160｜Date and time 23/7/14 14:01:48
Build time 21.06 sec｜Game capacity 2.638KB｜

Script

了解です。以下に、スマートフォンで遊べる簡単なイリュージョンゲームのサンプルコードを示します。このゲームでは、ユーザーに表示される文字を覚えてもらい、その後で文字を隠して記憶をテストします。

イリュージョンゲーム

文字を覚えてください

このコードでは、ユーザーが「ゲームを開始」ボタンを押すと、画面上にランダムな5文字の文字列が表示されます。ユーザーはこの文字列を覚え、その後、テキストボックスに入力して答え合わせをします。正しい答えを入力すると「正解！」とアラートが表示され、間違った場合は「不正解！」と表示されます。ご希望の条件に合うゲームを作成できましたので、ご参考になれば幸いです。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>イリュージョンゲーム</title>
</head>
<body>
  <h1>イリュージョンゲーム</h1>
  <button onclick="startGame()">ゲームを開始</button>
  <br><br>
  <div>
    <h2 id="instruction">文字を覚えてください</h2>
    <h1 id="textToRemember"></h1>
    <input type="text" id="userInput" style="display: none;">
    <button onclick="checkAnswer()" style="display: none;">答え合わせ</button>
  </div>

function generateText(length) {
      var characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
      var result = "";
      for (var i = 0; i < length; i++) {
        result += characters.charAt(Math.floor(Math.random() * characters.length));
      }
      return result;
    }
  </script>
</body>
</html>
```

このコードでは、ユーザーが「ゲームを開始」ボタンを押すと、画面上にランダムな5文字の文字列が表示されます。ユーザーはこの文字列を覚え、その後、テキストボックスに入力して答え合わせをします。正しい答えを入力すると「正解！」とアラートが表示され、間違った場合は「不正解！」と表示されます。

ご希望の条件に合うゲームを作成できましたので、ご参考になれば幸いです。