可愛い動物が出てくるストーリーゲームで、少しリアルな異世界でのゲーム's game

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

No:16386

←

Prev Next

→

可愛い動物が出てくるストーリーゲームで、少しリアルな異世界でのゲーム
Developer User4906｜Date and time 23/9/17 22:19:43
Build time 42.009 sec｜Game capacity 4.192KB｜

Script

了解です。以下がプログラムの実装例です。

このプログラムでは、ゲームが開始されるとストーリーが進み、プレイヤーは選択肢を選んでゲームを進めていきます。選択肢に応じてストーリーやキャラクターが変化します。プレイヤーの選択によってゲームオーバーになる場合もあります。上記のコードを1枚のhtmlファイルに保存し、ブラウザで開くことで遊ぶことができます。スマートフォンでの操作にも対応しています。

←

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>
</head>
<body>
    <script>
        // キャラクターの登場
        function showCharacter(character) {
            const storyContainer = document.getElementById("story-container");
            storyContainer.innerHTML += character;
        }

// メッセージの表示
        function showMessage(message) {
            const storyContainer = document.getElementById("story-container");
            storyContainer.innerHTML += "<p>" + message + "</p>";
        }

// ユーザーの選択肢を表示
        function showOptions(options) {
            const storyContainer = document.getElementById("story-container");
            let optionsHTML = "";
            for (let i = 0; i < options.length; i++) {
                optionsHTML += "<button onclick='selectOption(" + i + ")'>" + options[i] + "</button>";
            }
            storyContainer.innerHTML += optionsHTML;
        }

// 選択肢が選ばれた時の処理
        function selectOption(optionIndex) {
            const storyContainer = document.getElementById("story-container");
            storyContainer.innerHTML = "";
            playGame(optionIndex); // ゲームを進める
        }

// ゲームの進行
        function playGame(optionIndex) {
            switch (optionIndex) {
                case 0:
                    showCharacter("🐱"); // 猫のエミリーが登場
                    showMessage("ある日、エミリーは森で迷子になってしまいました。");
                    showOptions(["森を探検する", "助けを待つ"]); // 選択肢の表示
                    break;
                case 1:
                    showCharacter("🐶"); // 犬のボビーが登場
                    showMessage("助けを待っていると、ボビーがやってきました！");
                    showOptions(["ボビーと一緒に森を探検する", "ボビーについていかない"]); // 選択肢の表示
                    break;
                case 2:
                    showCharacter("🦝"); // アラオが登場
                    showMessage("エミリーとボビーは森を探検し始めました。すると、アラオが現れました！");
                    showOptions(["アラオに話しかける", "アラオを無視して先に進む"]); // 選択肢の表示
                    break;
                case 3:
                    showCharacter("🦌"); // ユウキが登場
                    showMessage("エミリーとボビーは森を進んでいくうちに、ユウキと出会いました！");
                    showOptions(["ユウキに話しかける", "ユウキを見送って先に進む"]); // 選択肢の表示
                    break;
                default:
                    showMessage("ゲームオーバー！");
                    break;
            }
        }

// ゲーム開始
        function startGame() {
            playGame(0);
        }

// ゲームの表示をリセット
        function resetGame() {
            const storyContainer = document.getElementById("story-container");
            storyContainer.innerHTML = "";
        }

// ゲームを開始するためのボタン
        document.write("<button onclick='startGame()'>ゲームを始める</button>");

// ストーリーを表示する要素
        document.write("<div id='story-container'></div>");
    </script>
</body>
</html>
```

このプログラムでは、ゲームが開始されるとストーリーが進み、プレイヤーは選択肢を選んでゲームを進めていきます。選択肢に応じてストーリーやキャラクターが変化します。プレイヤーの選択によってゲームオーバーになる場合もあります。

上記のコードを1枚のhtmlファイルに保存し、ブラウザで開くことで遊ぶことができます。スマートフォンでの操作にも対応しています。