Tale of Fake Shinagawa's game

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

No:6144

484

←

Prev Next

→

Tale of Fake Shinagawa
Developer sayaensm｜Date and time 23/7/1 17:53:12
Build time 88.953 sec｜Game capacity 8.825KB｜

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>
      #game-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
        font-size: 48px;
      }
      
      #story-container {
        margin-bottom: 20px;
      }
      
      #choices-container {
        display: flex;
      }
      
      .choice-btn {
        margin: 0 10px;
        font-size: 24px;
        padding: 10px 20px;
        background-color: #eee;
        border-radius: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="story-container"></div>
      <div id="choices-container"></div>
    </div>
    
    <script>
      const storyContainer = document.getElementById('story-container');
      const choicesContainer = document.getElementById('choices-container');
  
      const story = [
        {
          text: '品川駅周辺で迷子になってしまった…どうする？',
          choices: [
            {
              text: '左に進む',
              next: 1
            },
            {
              text: '右に進む',
              next: 2
            }
          ]
        },
        {
          text: '左に進んだが、さらに分岐に入ってしまった。どうする？',
          choices: [
            {
              text: '進む',
              next: 3
            },
            {
              text: '引き返す',
              next: 4
            }
          ]
        },
        {
          text: '右に進んだが、暗い路地に入ってしまった。どうする？',
          choices: [
            {
              text: '進む',
              next: 5
            },
            {
              text: '引き返す',
              next: 6
            }
          ]
        },
        {
          text: '道が行き止まりで進めない…他の方向を試す？',
          choices: [
            {
              text: '左に進む',
              next: 7
            },
            {
              text: '右に進む',
              next: 8
            }
          ]
        },
        {
          text: '引き返して元の分岐点に戻った。どうする？',
          choices: [
            {
              text: '左に進む',
              next: 1
            },
            {
              text: '右に進む',
              next: 2
            }
          ]
        },
        {
          text: '進んでいるうちに道が広場につながった！',
          choices: [
            {
              text: '広場で休む',
              next: 9
            },
            {
              text: '広場を通り過ぎる',
              next: 10
            }
          ]
        },
        {
          text: '引き返して元の道に戻った。どうする？',
          choices: [
            {
              text: '進む',
              next: 5
            },
            {
              text: '引き返す',
              next: 6
            }
          ]
        },
        {
          text: '左に進んだが、さらに分岐に入ってしまった。どうする？',
          choices: [
            {
              text: '進む',
              next: 11
            },
            {
              text: '引き返す',
              next: 12
            }
          ]
        },
        {
          text: '右に進んだが、壁にぶつかって進めない…他の方向を試す？',
          choices: [
            {
              text: '下に進む',
              next: 13
            },
            {
              text: '上に進む',
              next: 14
            }
          ]
        },
        {
          text: '広場で休んで体力を回復した。あとは駅を目指すのみ！',
          choices: []
        },
        {
          text: '広場を通り過ぎて進んでいるが、また分岐に入ってしまった。どうする？',
          choices: [
            {
              text: '進む',
              next: 15
            },
            {
              text: '引き返す',
              next: 16
            }
          ]
        },
        {
          text: '引き返して元の分岐点に戻った。どうする？',
          choices: [
            {
              text: '左に進む',
              next: 3
            },
            {
              text: '右に進む',
              next: 4
            }
          ]
        },
        {
          text: '進んでいるうちに広い通りに出た！あとは駅を見つけるのみ！',
          choices: []
        },
        {
          text: '下に進んだが、再度分岐点に入ってしまった。どうする？',
          choices: [
            {
              text: '進む',
              next: 17
            },
            {
              text: '引き返す',
              next: 18
            }
          ]
        },
        {
          text: '上に進んだが、見知らぬ場所に迷い込んでしまった。どうする？',
          choices: [
            {
              text: '進む',
              next: 19
            },
            {
              text: '引き返す',
              next: 20
            }
          ]
        },
        {
          text: '進んでいるうちに道が狭くなり、また分岐に入ってしまった。どうする？',
          choices: [
            {
              text: '進む',
              next: 21
            },
            {
              text: '引き返す',
              next: 22
            }
          ]
        },
        {
          text: '引き返して元の分岐点に戻った。どうする？',
          choices: [
            {
              text: '下に進む',
              next: 13
            },
            {
              text: '上に進む',
              next: 14
            }
          ]
        },
        {
          text: '進んでいるうちに抜け道を見つけた！',
          choices: [
            {
              text: '抜け道を通る',
              next: 23
            },
            {
              text: '元の道に戻る',
              next: 24
            }
          ]
        },
        {
          text: '引き返して元の道に戻った。どうする？',
          choices: [
            {
              text: '進む',
              next: 21
            },
            {
              text: '引き返す',
              next: 22
            }
          ]
        },
        {
          text: '進んでいるうちに広い通りに出た！あとは駅を見つけるのみ！',
          choices: []
        },
        {
          text: '抜け道を通って元の道に戻った。どうする？',
          choices: [
            {
              text: '進む',
              next: 23
            },
            {
              text: '引き返す',
              next: 24
            }
          ]
        },
        {
          text: '駅に到着した！迷子から無事に帰れて良かった。',
          choices: []
        },
        {
          text: '迷子になる前から始める',
          choices: [
            {
              text: 'はじめから',
              next: 0
            }
          ]
        }
      ];
  
      let currentScene = 0;
  
      function showScene(sceneIndex) {
        const scene = story[sceneIndex];
        storyContainer.textContent = scene.text;
  
        choicesContainer.innerHTML = '';
        for (const choice of scene.choices) {
          const choiceBtn = document.createElement('button');
          choiceBtn.textContent = choice.text;
          choiceBtn.classList.add('choice-btn');
          choiceBtn.addEventListener('click', () => {
            currentScene = choice.next;
            showScene(currentScene);
          });
          choicesContainer.appendChild(choiceBtn);
        }
      }
  
      showScene(currentScene);
    </script>
  </body>
</html>
```

このゲームでは、品川駅周辺で迷子になった主人公が提示された選択肢から選んで進んでいきます。選択によってストーリーが進行し、駅に到着するとクリアとなります。もし迷子になる前からやり直したい場合は、「迷子になる前から始める」を選択してください。

以上が「偽品川物語」のゲームです。お楽しみください！