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

No:12762

←

Prev Next

→

ストーリー重視のオープンワールドRPG
Developer User4403｜Date and time 23/8/22 23:51:07
Build time 10.518 sec｜Game capacity 2.35KB｜

Script

了解です。こちらがストーリー重視のオープンワールドRPGの実装例です。

Welcome to Open World RPG!

Chapter 1

You find yourself in a deep forest. Explore the surroundings or continue on the path?

このプログラムでは、ストーリー重視のオープンワールドRPGの冒頭部分をシミュレートしています。プレイヤーは「Start」ボタンをクリックしてゲームを開始し、その後の選択肢に応じてストーリーが進行します。ボタンをクリックすると、関数が実行され、選択肢に応じたメッセージが表示されます。このプログラムはHTMLファイルとして保存し、ブラウザで開くことでプレイすることができます。ご参考までに、冒頭部分のストーリーをもう少し拡張して、より本格的なRPGの世界を作り上げることも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。こちらがストーリー重視のオープンワールドRPGの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Open World RPG</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        h1 {
            margin-top: 100px;
        }
        button {
            margin-top: 20px;
            padding: 10px 20px;
            border: none;
            background-color: #4CAF50;
            color: white;
            font-size: 16px;
            cursor: pointer;
        }
        #message {
            margin-top: 30px;
        }
        #game {
            display: none;
        }
    </style>
</head>
<body>
    <h1>Welcome to Open World RPG!</h1>
    <button onclick="startGame()">Start</button>
    <div id="game">
        <h2>Chapter 1</h2>
        <p>You find yourself in a deep forest. Explore the surroundings or continue on the path?</p>
        <button onclick="continueOnPath()">Continue on the path</button>
        <button onclick="exploreSurroundings()">Explore surroundings</button>
        <p id="message"></p>
    </div>
    <script>
        function startGame() {
            document.getElementById("game").style.display = "block";
        }

function continueOnPath() {
            document.getElementById("message").textContent = "You continue on the path and encounter a monster.";
        }

function exploreSurroundings() {
            document.getElementById("message").textContent = "You find a hidden treasure in the surroundings.";
        }
    </script>
</body>
</html>
```

このプログラムでは、ストーリー重視のオープンワールドRPGの冒頭部分をシミュレートしています。プレイヤーは「Start」ボタンをクリックしてゲームを開始し、その後の選択肢に応じてストーリーが進行します。

ボタンをクリックすると、関数が実行され、選択肢に応じたメッセージが表示されます。このプログラムはHTMLファイルとして保存し、ブラウザで開くことでプレイすることができます。

ご参考までに、冒頭部分のストーリーをもう少し拡張して、より本格的なRPGの世界を作り上げることも可能です。