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

No:12773

143

ストーリー重視の選択式RPGエンディングが複数個ある
Developer User4403｜Date and time 23/8/23 0:03:45
Build time 25.506 sec｜Game capacity 4.238KB｜

了解しました。以下に、ストーリー重視の選択式RPGゲームの一例を示します。

RPG Game

ある日、冒険者として旅をしているあなたは、迷い込んだ洞窟でモンスターに遭遇しました。

このゲームは、最初にモンスターとの遭遇をテーマとしています。プレイヤーは攻撃、防御、逃走の3つの行動から選ぶことができます。それぞれの選択によってエンディングが変わります。この例では、最初のストーリーと選択肢が表示され、プレイヤーが選択した後に結果とエンディングが表示されます。エンディング後には再度プレイできるようにするためのボタンも表示されます。選択肢の文言やエンディングのテキストは、必要に応じて変更してください。また、絵文字を使用するなど、ゲーム内の要素を装飾しても構いません。このプログラムは、1枚のHTMLファイルとして実装されており、JavaScriptもscriptタグで囲まれています。また、実行開始されるようになっており、ゲームとして遊ぶことができます。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

了解しました。以下に、ストーリー重視の選択式RPGゲームの一例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>RPG Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        .game-content {
            margin-top: 100px;
        }
        button {
            margin: 10px;
            padding: 10px 20px;
            font-size: 20px;
            border: none;
            background-color: #4CAF50;
            color: white;
            cursor: pointer;
        }
        #result {
            margin-top: 30px;
            font-size: 24px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="game" class="game-content">
        <h1>RPG Game</h1>
        <p id="story">ある日、冒険者として旅をしているあなたは、迷い込んだ洞窟でモンスターに遭遇しました。</p>
        <button onclick="chooseAction('attack')">攻撃する</button>
        <button onclick="chooseAction('defend')">防御する</button>
        <button onclick="chooseAction('run')">逃げる</button>
        <p id="result"></p>
    </div>

<script>
        function chooseAction(action) {
            var result = document.getElementById('result');
            
            switch (action) {
                case 'attack':
                    result.textContent = 'モンスターにダメージを与えました。しかし、モンスターも反撃しました。';
                    showEnding(['bad', 'normal']);
                    break;
                case 'defend':
                    result.textContent = 'モンスターの攻撃を防御しました。';
                    showEnding(['good', 'normal']);
                    break;
                case 'run':
                    result.textContent = 'モンスターから逃げることに成功しました。';
                    showEnding(['normal']);
                    break;
                default:
                    break;
            }
        }
        
        function showEnding(endings) {
            var endingsText = {
                'bad': 'あなたはモンスターに倒されてしまいました。ゲームオーバーです。',
                'good': 'あなたはモンスターを倒し、冒険を成功させました！おめでとうございます！',
                'normal': '冒険は続きます...'
            };
            
            var gameContent = document.getElementById('game');
            gameContent.innerHTML = '<h1>エンディング</h1>';
            
            endings.forEach(function (ending) {
                var endingText = document.createElement('p');
                endingText.textContent = endingsText[ending];
                gameContent.appendChild(endingText);
            });
            
            var restartButton = document.createElement('button');
            restartButton.textContent = 'もう一度プレイする';
            restartButton.onclick = function () {
                location.reload();
            };
            gameContent.appendChild(restartButton);
        }
    </script>
</body>
</html>
```

このゲームは、最初にモンスターとの遭遇をテーマとしています。プレイヤーは攻撃、防御、逃走の3つの行動から選ぶことができます。それぞれの選択によってエンディングが変わります。

この例では、最初のストーリーと選択肢が表示され、プレイヤーが選択した後に結果とエンディングが表示されます。エンディング後には再度プレイできるようにするためのボタンも表示されます。

選択肢の文言やエンディングのテキストは、必要に応じて変更してください。また、絵文字を使用するなど、ゲーム内の要素を装飾しても構いません。

このプログラムは、1枚のHTMLファイルとして実装されており、JavaScriptもscriptタグで囲まれています。また、実行開始されるようになっており、ゲームとして遊ぶことができます。