AI game creator

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

No:6327

3032

←

Prev Next

→

Game Nights
Developer User3882｜Date and time 23/7/2 2:41:03
Build time 32.172 sec｜Game capacity 2.579KB｜

Script

了解です。以下にサンプルのゲームを実装します。

このサンプルでは、指定された数秒ごとに画面にストーリーが表示されます。指定されたストーリーを全て表示し終えるとゲームが終了します。このゲームは非常にシンプルなものですが、実際のゲームとして遊べる要素を含んでいます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解です。以下にサンプルのゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ゲーム夜話</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <script>
    // ゲームのロジックを記述
    function game() {
      // 文字列の配列を用意
      const stories = [
        "あるところに、",
        "小さな町がありました。",
        "その町には、",
        "仲良しの３人組が住んでいました。",
        "彼らは、いつも一緒に遊んでいました。",
        "ある晩、彼らは夜遊びをすることにしました。",
        "それぞれが怖い話を持ち寄りました。",
        "最初の人が言いました。",
        "「ある時、鏡に映った自分と目が合ったんだけど、怖くて逃げ出したことがあるんだ。」",
        "次の人が言いました。",
        "「私は、部屋で寝ているときに、窓の外で誰かが私をじっと見ているのを見たことがあるんだ。」",
        "最後の人が言いました。",
        "「私は、深夜に散歩しているとき、後ろから誰かにつけられたのを感じたことがあるんだ。」",
        "３人が言い終わると、外を見ると、誰もいなくなっていました。",
        "おしまい。",
      ];
      
      // ストーリーを表示するための要素を取得
      const storyArea = document.querySelector("body");
      
      // ストーリーを順に表示する関数
      function showStory(i) {
        // 全てのストーリーを表示し終えたら終了
        if (i >= stories.length) {
          return;
        }
        
        // ストーリーを表示
        storyArea.textContent = stories[i];
        
        // 2秒待ってから次のストーリーを表示
        setTimeout(function() {
          showStory(i + 1);
        }, 2000);
      }
      
      // ゲームを開始
      showStory(0);
    }
    
    // ゲームを実行
    game();
  </script>
</body>
</html>
```

このサンプルでは、指定された数秒ごとに画面にストーリーが表示されます。指定されたストーリーを全て表示し終えるとゲームが終了します。このゲームは非常にシンプルなものですが、実際のゲームとして遊べる要素を含んでいます。