ストーリー重視のオープンワールドRPG's game | AI game creator

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

No:12769

106

ストーリー重視のオープンワールドRPG
Developer User4403｜Date and time 23/8/23 0:00:44
Build time 23.409 sec｜Game capacity 4.189KB｜

了解しました。以下にストーリー重視のオープンワールドRPGのサンプルプログラムを記述します。

Welcome to the Open World RPG! Tap the buttons below to start your adventure.

このプログラムでは、最初のシーンである「start」を表示し、ボタンをタップすることで次のシーンに進むことができます。ゲーム内では、街（「town」）と森（「forest」）の2つのシーンがあります。街では森に行くことができ、森では戦闘（「fight」）が発生します。戦闘に勝利すると、街に戻ることができます。このサンプルプログラムは、HTMLファイルとして実装されており、必ずJavaScriptを含んでいます。JavaScriptのコードは`
`タグで囲まれており、実行が開始されています。スマホでも操作可能なレイアウトになっており、絵文字は使用していませんが、実装に絵文字を追加することも可能です。完成したゲームとして遊ぶことができます。

→ 　

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>Open World RPG</title>
    <style>
        body {
            background-color: black;
            color: white;
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #output {
            font-size: 24px;
            margin-top: 100px;
        }
        #input {
            font-size: 18px;
            margin-top: 20px;
            width: 300px;
            height: 30px;
        }
        #button {
            font-size: 18px;
            margin-top: 20px;
            width: 100px;
            height: 30px;
        }
    </style>
</head>
<body>
    <div id="output">Welcome to the Open World RPG! Tap the buttons below to start your adventure.</div>
    <input id="input" type="text" disabled>
    <button id="button" disabled></button>

<script>
        var outputElement = document.getElementById('output');
        var inputElement = document.getElementById('input');
        var buttonElement = document.getElementById('button');
        var currentScene = 'start';

function init() {
            updateScene(currentScene);
        }

function updateScene(scene) {
            switch (scene) {
                case 'start':
                    outputElement.innerHTML = 'Welcome to the Open World RPG! Tap the buttons below to start your adventure.';
                    buttonElement.innerHTML = 'Start';
                    buttonElement.disabled = false;
                    buttonElement.onclick = function() {
                        currentScene = 'town';
                        updateScene(currentScene);
                    };
                    break;
                case 'town':
                    outputElement.innerHTML = 'You are in the town. Where do you want to go?';
                    buttonElement.innerHTML = 'Forest';
                    buttonElement.disabled = false;
                    buttonElement.onclick = function() {
                        currentScene = 'forest';
                        updateScene(currentScene);
                    };
                    break;
                case 'forest':
                    outputElement.innerHTML = 'You are in the forest. What do you want to do?';
                    buttonElement.innerHTML = 'Fight';
                    buttonElement.disabled = false;
                    buttonElement.onclick = function() {
                        currentScene = 'fight';
                        updateScene(currentScene);
                    };
                    break;
                case 'fight':
                    outputElement.innerHTML = 'You are in a fight. You defeated the enemy!';
                    buttonElement.innerHTML = 'Go back to town';
                    buttonElement.disabled = false;
                    buttonElement.onclick = function() {
                        currentScene = 'town';
                        updateScene(currentScene);
                    };
                    break;
                default:
                    break;
            }
        }

window.onload = init;
    </script>
</body>
</html>
```

このプログラムでは、最初のシーンである「start」を表示し、ボタンをタップすることで次のシーンに進むことができます。ゲーム内では、街（「town」）と森（「forest」）の2つのシーンがあります。街では森に行くことができ、森では戦闘（「fight」）が発生します。戦闘に勝利すると、街に戻ることができます。

このサンプルプログラムは、HTMLファイルとして実装されており、必ずJavaScriptを含んでいます。JavaScriptのコードは`<script>`タグで囲まれており、実行が開始されています。スマホでも操作可能なレイアウトになっており、絵文字は使用していませんが、実装に絵文字を追加することも可能です。完成したゲームとして遊ぶことができます。