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

No:4712

3598

Time-space traveler
Developer User3796｜Date and time 23/6/28 18:16:13
Build time 23.724 sec｜Game capacity 1.995KB｜

了解です。時空の旅人というテーマのゲームを作成します。プレイヤーは旅人となり、異なる時代を旅しながら様々なミッションを達成するゲームです。以下が実装例です。

時空の旅人

ようこそ、時空の旅人へ！

上記のコードでは、時空の旅人というゲームを1枚のHTMLファイルで実装しています。JavaScriptのコードは`
`タグで囲まれており、`travel()`関数を呼び出すことでタイムトラベルができるようになっています。時代はランダムに選ばれ、結果が画面に表示されます。実際のプログラムとしては、まだ部分的なゲーム化ですが、スマートフォンでも遊べるようになっています。絵文字は使用していませんが、ゲームとしての基本的な機能が実装されています。ご希望に添えるような回答となっているでしょうか。どうぞお試しください。

→ 　

1　

1　

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

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

(C)2023 HisashiApp

了解です。時空の旅人というテーマのゲームを作成します。プレイヤーは旅人となり、異なる時代を旅しながら様々なミッションを達成するゲームです。

以下が実装例です。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>時空の旅人</title>
    <style>
      body {
        text-align: center;
        font-size: 24px;
      }
    </style>
  </head>
  <body>
    <h1>時空の旅人</h1>
    <div id="game-screen">
      <p id="message">ようこそ、時空の旅人へ！</p>
      <button id="travel-button" onclick="travel()">タイムトラベルする</button>
    </div>

<script>
      const locations = [
        "古代エジプト",
        "中世ヨーロッパ",
        "未来の都市",
        "現代日本"
      ];

function getRandomLocation() {
        const randomIndex = Math.floor(Math.random() * locations.length);
        return locations[randomIndex];
      }

function travel() {
        const location = getRandomLocation();
        const message = `あなたは${location}へタイムトラベルしました！`;
        document.getElementById("message").textContent = message;
      }
    </script>
  </body>
</html>
```

上記のコードでは、時空の旅人というゲームを1枚のHTMLファイルで実装しています。JavaScriptのコードは`<script>`タグで囲まれており、`travel()`関数を呼び出すことでタイムトラベルができるようになっています。時代はランダムに選ばれ、結果が画面に表示されます。

実際のプログラムとしては、まだ部分的なゲーム化ですが、スマートフォンでも遊べるようになっています。絵文字は使用していませんが、ゲームとしての基本的な機能が実装されています。

ご希望に添えるような回答となっているでしょうか。どうぞお試しください。