Animal School Simulator Update New animal lion🦁 has been added. New quests have been added.'s game | AI game creator

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

No:11031

77

Animal School Simulator Update New animal lion🦁 ha..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/8/6 21:12:44
Build time 41.382 sec｜Game capacity 4.538KB｜

ペットとして飼うことができる動物たちが学ぶことができるスクールシミュレーターゲームを作成しました。新しい動物としてライオンが追加され、新しいクエストも用意されています。以下が実際のプログラムです。

上記のコードは、動物のクラスとして`Animal`クラスを作成し、その中にエサをあげる、遊ぶ、勉強するといったメソッドを定義しています。また、そのサブクラスとして`Lion`クラスを作成し、`Animal`クラスを継承しています。ページが読み込まれた時には、`Lion`クラスのインスタンスを生成し、各ボタンに対してクリックイベントを追加しています。ボタンがクリックされると、対応するメソッドが呼ばれ、動物のステータスが更新されます。ゲームとしては、ライオンのお腹の空き度、機嫌の良さ、知識レベルが表示され、エサをあげたり、遊んだり、勉強したりすることができます。また、ライオンの名前や絵文字を変更して自由に設定することも可能です。以上が新しい動物ライオンが追加されたスクールシミュレーターゲームの実装です。

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

ペットとして飼うことができる動物たちが学ぶことができるスクールシミュレーターゲームを作成しました。新しい動物としてライオンが追加され、新しいクエストも用意されています。

以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>どうぶつスクールシミュレーター</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game-container {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }
        
        #animal-info {
            font-size: 24px;
            margin-bottom: 20px;
        }
        
        #quest-info {
            font-size: 20px;
            margin-bottom: 10px;
        }
        
        #feed-button, #play-button, #study-button {
            font-size: 16px;
            padding: 10px 20px;
            margin: 5px;
            border: none;
            background-color: #4CAF50;
            color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="animal-info"></div>
        <div id="quest-info"></div>
        <button id="feed-button">エサをあげる</button>
        <button id="play-button">遊ぶ</button>
        <button id="study-button">勉強する</button>
    </div>

<script>
        // 動物クラス
        class Animal {
            constructor(name, type) {
                this.name = name;
                this.type = type;
                this.hunger = 0;
                this.mood = 0;
                this.knowledge = 0;
            }

feed() {
                this.hunger -= 10;
                this.mood += 5;
                this.updateStats();
            }

play() {
                this.mood += 10;
                this.updateStats();
            }

study() {
                this.knowledge += 10;
                this.updateStats();
            }

updateStats() {
                document.getElementById("animal-info").innerHTML = `${this.name}（${this.type}）<br>
                    お腹の空き度: ${this.hunger}<br>
                    機嫌の良さ: ${this.mood}<br>
                    知識レベル: ${this.knowledge}`;
            }
        }

// ライオンクラス（動物クラスを継承）
        class Lion extends Animal {
            constructor(name) {
                super(name, "ライオン🦁");
            }
        }

// ページが読み込まれた時に実行
        window.onload = function() {
            const lion = new Lion("レオン");

document.getElementById("animal-info").innerHTML = `${lion.name}（${lion.type}）<br>
                お腹の空き度: ${lion.hunger}<br>
                機嫌の良さ: ${lion.mood}<br>
                知識レベル: ${lion.knowledge}`;

document.getElementById("feed-button").addEventListener("click", function() {
                lion.feed();
            });

document.getElementById("play-button").addEventListener("click", function() {
                lion.play();
            });

document.getElementById("study-button").addEventListener("click", function() {
                lion.study();
            });
        };
    </script>
</body>
</html>
```

上記のコードは、動物のクラスとして`Animal`クラスを作成し、その中にエサをあげる、遊ぶ、勉強するといったメソッドを定義しています。また、そのサブクラスとして`Lion`クラスを作成し、`Animal`クラスを継承しています。

ページが読み込まれた時には、`Lion`クラスのインスタンスを生成し、各ボタンに対してクリックイベントを追加しています。ボタンがクリックされると、対応するメソッドが呼ばれ、動物のステータスが更新されます。

ゲームとしては、ライオンのお腹の空き度、機嫌の良さ、知識レベルが表示され、エサをあげたり、遊んだり、勉強したりすることができます。また、ライオンの名前や絵文字を変更して自由に設定することも可能です。

以上が新しい動物ライオンが追加されたスクールシミュレーターゲームの実装です。