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

この実装では、スタートボタンを押すとゲームが始まり、エネルギーと幸福度が表示されます。エサをあげる、遊ぶ、寝かせるボタンを押すと、それぞれエネルギーと幸福度が増加します。ただし、学校で遊んでいる間は寝かせることができないようになっており、エネルギーと幸福度は時間経過とともに徐々に減少します。エネルギーが0または幸福度が0になるとゲームオーバーとなります。ユーザーはスマートフォンでゲームを操作することを想定しており、ボタンを押すことで行動できるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。以下、動物スクールシミュレーターの実装例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>どうぶつスクールシミュレーター</title>
    <style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 36px;
        }
    </style>
</head>
<body>
    <h1>どうぶつスクールシミュレーター</h1>

<div>
        <button onclick="startGame()">スタート</button>
        <button onclick="feed()">エサをあげる</button>
        <button onclick="play()">遊ぶ</button>
        <button onclick="sleep()">寝かせる</button>
    </div>

function startGame() {
            energy = 100;
            happiness = 100;
            isPlaying = false;
            updateStatus();
        }

function feed() {
            energy += 10;
            updateStatus();
        }

function play() {
            happiness += 10;
            updateStatus();
        }

function sleep() {
            if (isPlaying) {
                alert("学校が終わるまで寝られません！");
                return;
            }
            energy += 30;
            updateStatus();
        }

function updateStatus() {
            energy = Math.max(0, Math.min(100, energy));
            happiness = Math.max(0, Math.min(100, happiness));

let statusText = "エネルギー: " + energy + "　幸福度: " + happiness;

if (energy === 0) {
                statusText += "　（エネルギー切れ！ゲームオーバーです）";
            }

if (happiness === 0) {
                statusText += "　（幸福度ゼロ！ゲームオーバーです）";
            }

document.getElementById("status").textContent = statusText;
        }

function decreaseStatus() {
            if (isPlaying) {
                return;
            }

energy -= 5;
            happiness -= 5;
            updateStatus();

if (energy === 0 || happiness === 0) {
                clearInterval(intervalId);
            }
        }

let intervalId = setInterval(decreaseStatus, 3000);
    </script>
</body>
</html>
```

この実装では、スタートボタンを押すとゲームが始まり、エネルギーと幸福度が表示されます。エサをあげる、遊ぶ、寝かせるボタンを押すと、それぞれエネルギーと幸福度が増加します。

ただし、学校で遊んでいる間は寝かせることができないようになっており、エネルギーと幸福度は時間経過とともに徐々に減少します。エネルギーが0または幸福度が0になるとゲームオーバーとなります。

ユーザーはスマートフォンでゲームを操作することを想定しており、ボタンを押すことで行動できるようになっています。