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

No:6872

88

Colony production! Develop colonial policies, loca..ALL
Developer User3589｜Date and time 23/7/4 1:24:43
Build time 41.718 sec｜Game capacity 4.102KB｜

了解しました。コロニー制作ゲームのプログラムを作成します。以下に、1枚のHTMLファイルとして実装したコロニー制作ゲームのサンプルプログラムを示します。

コロニー制作ゲーム

教育: 0

インフラ: 0

宗教: 0

成果: 0

このプログラムでは、教育、インフラ、宗教の3つの要素を進めて成果を本国に報告するというコロニー制作ゲームを実装しています。それぞれの要素はボタンをクリックすることで進めることができます。成果の合計値は画面上に表示され、報告ボタンをクリックするとアラートで成果が表示されます。 HTMLファイルとして実行することで、ゲームとして遊ぶことができます。なお、このプログラムはスマホでも操作可能です。絵文字を使っての実装はしておりませんが、コロニー制作ゲームの仕組みを含めたプログラムとなっています。

→ 　

1　

1　

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

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

(C)2023 HisashiApp

了解しました。コロニー制作ゲームのプログラムを作成します。

以下に、1枚のHTMLファイルとして実装したコロニー制作ゲームのサンプルプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>コロニー制作ゲーム</title>
    <style>
        body {
            background-color: #FDEBD0;
            font-family: "Arial", sans-serif;
        }
        #gameContainer {
            margin: 20px auto;
            width: 300px;
            text-align: center;
        }
        #statusContainer {
            margin-top: 20px;
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            background-color: #F8C471;
            border: none;
            border-radius: 8px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <h1>コロニー制作ゲーム</h1>
        <div id="statusContainer">
            <p id="educationStatus">教育: 0</p>
            <p id="infrastructureStatus">インフラ: 0</p>
            <p id="religionStatus">宗教: 0</p>
            <p id="achievementStatus">成果: 0</p>
        </div>
        <button id="educationButton">教育を進める</button>
        <button id="infrastructureButton">インフラを整備する</button>
        <button id="religionButton">宗教を導入する</button>
        <button id="reportButton">本国に報告する</button>
    </div>

<script>
        // 変数の初期化
        let education = 0;
        let infrastructure = 0;
        let religion = 0;
        let achievement = 0;

// ボタン要素の取得
        const educationButton = document.getElementById("educationButton");
        const infrastructureButton = document.getElementById("infrastructureButton");
        const religionButton = document.getElementById("religionButton");
        const reportButton = document.getElementById("reportButton");

// ボタンクリック時の処理
        educationButton.addEventListener("click", () => {
            education++;
            updateStatus();
        });
        infrastructureButton.addEventListener("click", () => {
            infrastructure++;
            updateStatus();
        });
        religionButton.addEventListener("click", () => {
            religion++;
            updateStatus();
        });
        reportButton.addEventListener("click", () => {
            achievement = education + infrastructure + religion;
            updateStatus();
            alert("成果を本国に報告しました！成果: " + achievement);
        });

// 状態の更新
        function updateStatus() {
            const educationStatus = document.getElementById("educationStatus");
            const infrastructureStatus = document.getElementById("infrastructureStatus");
            const religionStatus = document.getElementById("religionStatus");
            const achievementStatus = document.getElementById("achievementStatus");

educationStatus.textContent = "教育: " + education;
            infrastructureStatus.textContent = "インフラ: " + infrastructure;
            religionStatus.textContent = "宗教: " + religion;
            achievementStatus.textContent = "成果: " + achievement;
        }
    </script>
</body>
</html>
```

このプログラムでは、教育、インフラ、宗教の3つの要素を進めて成果を本国に報告するというコロニー制作ゲームを実装しています。それぞれの要素はボタンをクリックすることで進めることができます。成果の合計値は画面上に表示され、報告ボタンをクリックするとアラートで成果が表示されます。

HTMLファイルとして実行することで、ゲームとして遊ぶことができます。なお、このプログラムはスマホでも操作可能です。絵文字を使っての実装はしておりませんが、コロニー制作ゲームの仕組みを含めたプログラムとなっています。