AI game creator

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

No:39901

←

Prev Next

→

長編ドラマ
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/30 19:19:10
Build time 21.341 sec｜Game capacity 4.707KB｜

Script

プログラマが作成した長編ドラマのゲーム:

ゲームを開始します！

このプログラムは、プログラマがコーディングを進める選択肢を選びながら進む長編ドラマゲームです。最初のメッセージから始まり、選択肢を選ぶことでストーリーが進行していきます。選択肢に応じて表示されるメッセージが変化し、ゲームオーバーまで続けられます。注意: このコードは必ず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>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#output {
            width: 500px;
            text-align: center;
            font-size: 24px;
            padding: 30px;
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

#choices {
            margin-top: 30px;
        }

button {
            font-size: 20px;
            padding: 10px 20px;
            margin: 10px;
            border-radius: 5px;
            background-color: #4caf50;
            color: #ffffff;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="output">ゲームを開始します！</div>
    <div id="choices">
        <button onclick="makeChoice(1)">選択肢1</button>
        <button onclick="makeChoice(2)">選択肢2</button>
        <button onclick="makeChoice(3)">選択肢3</button>
    </div>

// 現在のストーリー進行状態
        let currentStoryIndex = 0;

// 選択肢を選ぶ処理
        function makeChoice(choiceIndex) {
            const choice = storyData[currentStoryIndex].choices[choiceIndex - 1];
            if (choice) {
                const next = choice.next;
                if (next === -1) {
                    // ゲームオーバー
                    showMessage(storyData[3].text);
                    currentStoryIndex = 0;
                } else {
                    currentStoryIndex = next;
                    showMessage(storyData[currentStoryIndex].text);
                    updateChoices();
                }
            }
        }

// メッセージを表示する関数
        function showMessage(message) {
            document.getElementById("output").textContent = message;
        }

// 選択肢を更新する関数
        function updateChoices() {
            const choicesContainer = document.getElementById("choices");
            choicesContainer.innerHTML = "";
            const choices = storyData[currentStoryIndex].choices;
            for (let i = 0; i < choices.length; i++) {
                const button = document.createElement("button");
                button.textContent = choices[i].text;
                button.setAttribute("onclick", `makeChoice(${i + 1})`);
                choicesContainer.appendChild(button);
            }
        }

// 初期メッセージと選択肢を表示
        showMessage(storyData[0].text);
        updateChoices();

</script>
</body>
</html>
```

このプログラムは、プログラマがコーディングを進める選択肢を選びながら進む長編ドラマゲームです。最初のメッセージから始まり、選択肢を選ぶことでストーリーが進行していきます。選択肢に応じて表示されるメッセージが変化し、ゲームオーバーまで続けられます。

注意: このコードは必ずHTMLファイルとして保存し、ブラウザで開いてプレイしてください。また、表示やスタイルはシンプルにしていますので、実際のゲーム制作にはさらなる改善や追加が必要かもしれません。