どうぶつスクールシミュレーター

このゲームは、勉強、遊ぶ、寝るというアクションがあります。各アクションを選択すると、エネルギーと幸せ度が変動します。エネルギーが0以下になるとゲームオーバーです。ゲームの進行状況は画面上部に表示されます。

←

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;
            text-align: center;
        }

#status {
            font-size: 24px;
            margin-bottom: 10px;
        }

#action {
            display: flex;
            justify-content: center;
            gap: 10px;
        }

.button {
            padding: 10px 20px;
            background-color: #ffcc00;
            color: #fff;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>どうぶつスクールシミュレーター</h1>
    <div id="status"></div>
    <div id="action">
        <button class="button" onclick="study()">勉強する</button>
        <button class="button" onclick="play()">遊ぶ</button>
        <button class="button" onclick="sleep()">寝る</button>
    </div>

function updateStatus() {
            document.getElementById("status").innerHTML = "エネルギー: " + energy + "　幸せ度: " + happiness;
        }

function study() {
            energy -= 10;
            happiness += 5;

updateStatus();
        }

function play() {
            energy -= 5;
            happiness += 10;

updateStatus();
        }

function sleep() {
            energy += 10;
            happiness -= 5;

updateStatus();
        }

updateStatus(); // ゲーム開始時にステータスを表示する
    </script>
</body>
</html>
```