text-based adventure's game

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

No:7960

4099

←

Prev Next

→

text-based adventure
Developer User3589｜Date and time 23/7/11 11:50:28
Build time 14.619 sec｜Game capacity 5.853KB｜

Script

これが現時点のゲームのコード全体です。プレイヤーに名前を入力させて、その名前をストーリー中で使用するように修正しました。また、戦闘の選択肢も追加しました。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>テキストベースアドベンチャーゲーム</title>
<style>
body {
  font-family: Arial, sans-serif;
  background: #f4f4f4;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.container {
  text-align: center;
  max-width: 800px;
  background: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
button {
  margin: 10px;
  padding: 10px 20px;
  font-size: 16px;
}
</style>
</head>
<body>
<div class="container">
<script>
var playerName = prompt("あなたの名前を入力してください");
var story = {
  0: [playerName + "さん、あなたは街を出て冒険に出ることにしました。", {"山へ向かう": 1, "森へ向かう": 8}],
  1: [playerName + "さんは山道を歩いていると、分岐点に出会いました。", {"右へ向かう": 2, "左へ向かう": 3}],
  2: [playerName + "さんは突然、洞窟を発見しました。", {"洞窟を探検する": 4, "洞窟を無視する": 5}],
  3: [playerName + "さんは山頂に到着しました。", {"眺めを楽しむ": 6, "早く降りる": 7}],
  4: [playerName + "さんは洞窟内で恐ろしいモンスターと遭遇しました。", {"戦う": 9, "逃げる": 10}],
  5: [playerName + "さんは宝箱を見つけました。", {"宝箱を開ける": 11, "宝箱を開けない": 12}],
  6: ["山からの帰路についた" + playerName + "さん、あなたは再び道を選びます。", {"川沿いを進む": 13, "草原を進む": 16}],
  7: ["山からの帰路についた" + playerName + "さん、あなたは再び道を選びます。", {"川沿いを進む": 13, "草原を進む": 16}],
  8: [playerName + "さんは森の中へ進んでいくと、奇妙な花を見つけました。", {"花を摘む": 14, "花をそのままにする": 15}],
  9: [playerName + "さんはモンスターから貴重なアイテムを手に入れました。", {"逃げ切れず、戻ることを決意した。": 7}],
  10: [playerName + "さんはモンスターから逃げ切りました。", {"あなたは山または森から帰ってきた後、再び道を選びます。": 6}],
  11: [playerName + "さんは宝箱を開けてみると、中には金貨が入っていました！大成功！", {"何もなく帰る。あまり楽しい冒険ではなかった。": 7}],
  12: [playerName + "さんは宝箱を開けずに去りました。", {"あなたは山または森から帰ってきた後、再び道を選びます。": 6}],
  13: [playerName + "さんは川沿いを進んでいくと、突然大きな魚が飛び出してきました。", {"魚を捕まえる": 17, "魚を見送る": 18}],
  14: [playerName + "さんは花から美しい妖精が現れました。", {"妖精と話す": 19, "妖精を無視する": 20}],
  15: [playerName + "さんがさらに森の奥へ進むと、広場が広がっていました。", {"広場で休む": 21, "すぐに進む": 22}],
  16: [playerName + "さんは草原を進んでいくと、突然雷雨に見舞われました。", {"雨宿りをする": 23, "そのまま進む": 24}],
  17: [playerName + "さんは見事に魚を捕まえ、食料にすることができました。", {"あなたは長い冒険を終え、街へ帰りました。これがあなたの冒険の終わりです。おめでとうございます！": 7}],
  18: [playerName + "さんは魚を見送り、そのまま旅を続けました。", {"あなたは長い冒険を終え、街へ帰りました。これがあなたの冒険の終わりです。おめでとうございます！": 7}],
  19: [playerName + "さんは妖精と話し、魔法の力を授かりました。", {"あなたは長い冒険を終え、街へ帰りました。これがあなたの冒険の終わりです。おめでとうございます！": 7}],
  20: [playerName + "さんは妖精を無視して旅を続けました。", {"あなたは長い冒険を終え、街へ帰りました。これがあなたの冒険の終わりです。おめでとうございます！": 7}],
  21: [playerName + "さんは広場で休み、元気を回復しました。", {"あなたは長い冒険を終え、街へ帰りました。これがあなたの冒険の終わりです。おめでとうございます！": 7}],
  22: [playerName + "さんはそのまま進み、冒険を続けました。", {"あなたは長い冒険を終え、街へ帰りました。これがあなたの冒険の終わりです。おめでとうございます！": 7}],
  23: [playerName + "さんは雨宿りをし、無事に雷雨を避けることができました。", {"あなたは長い冒険を終え、街へ帰りました。これがあなたの冒険の終わりです。おめでとうございます！": 7}],
  24: [playerName + "さんは雷雨の中、ひたすら前進しました。", {"あなたは長い冒険を終え、街へ帰りました。これがあなたの冒険の終わりです。おめでとうございます！": 7}],
};

var position = 0;
var output = document.getElementById('output');

function render(position) {
  var scene = story[position];
  output.innerHTML = scene[0];
  var buttons = '';
  for (var option in scene[1]) {
    buttons += '<button onClick="render(' + scene[1][option] + ')">' + option + '</button>';
  }
  output.innerHTML += '<br>' + buttons;
}

render(position);
</script>
<p id="output"></p>
</div>
</body>
</html>
```