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

No:2290

2505

Developer Hisashi is pissed off because the Animal..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/20 21:02:09
Build time 63.214 sec｜Game capacity 5.961KB｜

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

開発者がブチ切れるほどアップデートが来ない？そんなあなたにオススメのゲームがあります！
それが「ガツンとマシマシゲーム」です！

何をするゲームかというと、簡単に言えばライオンを育てるゲームです。
スマホで操作可能なので、どこでも気軽に遊ぶことができます。

遊び方

画面に表示されるライオンのアイコンをタップし、エサを与えます。
エサを与えるとライオンが大きくなっていきます。

ライオンが十分に成長したら、アイコンをドラッグ＆ドロップして新しい場所に移動させましょう。
新しい場所に移動することで、ライオンが新しい場所に適応して成長するようになります。

ゲームオーバー

ライオンが十分に成長しても、長時間エサを与えなかったり、ライオンが病気になった場合にはゲームオーバーです。
しっかりとライオンの世話をして、健康に育て上げましょう。

それでは、ガツンとマシマシゲームをお楽しみください！🦁💪

🦁

ここにライオンを置いてください

残りのエサ：0

ゲームオーバー

もう一度挑戦するにはページをリロードしてください

→ 　

0　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>どうぶつスクールシミュレーター</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <h1>どうぶつスクールシミュレーター</h1>
    <p>開発者がブチ切れるほどアップデートが来ない？そんなあなたにオススメのゲームがあります！<br>
    それが「ガツンとマシマシゲーム」です！</p>
    <p>何をするゲームかというと、簡単に言えばライオンを育てるゲームです。<br>
    スマホで操作可能なので、どこでも気軽に遊ぶことができます。</p>
    <h2>遊び方</h2>
    <p>画面に表示されるライオンのアイコンをタップし、エサを与えます。<br>
    エサを与えるとライオンが大きくなっていきます。</p>
    <p>ライオンが十分に成長したら、アイコンをドラッグ＆ドロップして新しい場所に移動させましょう。<br>
    新しい場所に移動することで、ライオンが新しい場所に適応して成長するようになります。</p>
    <h2>ゲームオーバー</h2>
    <p>ライオンが十分に成長しても、長時間エサを与えなかったり、ライオンが病気になった場合にはゲームオーバーです。<br>
    しっかりとライオンの世話をして、健康に育て上げましょう。</p>
    <p>それでは、ガツンとマシマシゲームをお楽しみください！🦁💪</p>
    
    <script type="text/javascript">
        var lionSize = 50; // ライオンの初期サイズ
        var maxLionSize = 200; // ライオンの最大サイズ
        var lionSpeed = 2; // ライオンが成長するスピード
        var lionSick = false; // ライオンが病気かどうか
        var foodAmount = 0; // エサの量
        var foodInterval; // エサを補充する時間間隔

// ライオンのアイコンをクリックしたら、エサを与える
        document.querySelector("#lion-icon").addEventListener("click", function(){
            if(foodAmount >= 1){
                lionSize += lionSpeed;
                foodAmount--;
                document.querySelector("#lion-img").style.width = lionSize + "px";
            }
        });

// 一定時間経過ごとにエサを補充する
        foodInterval = setInterval(function(){
            if(foodAmount < 5){
                foodAmount++;
                document.querySelector("#food-amount").textContent = foodAmount;
            }
        }, 1000);

// ドラッグ＆ドロップでライオンの場所を変える
        document.querySelector("#lion-icon").addEventListener("dragstart", function(event){
            event.dataTransfer.setData("text/plain", "");
        });

document.querySelector("#lion-area").addEventListener("drop", function(event){
            lionSize = lionSize - 20;
            if(lionSize < 0){
                lionSize = 0;
            }
            document.querySelector("#lion-img").style.width = lionSize + "px";
            setTimeout(function(){
                lionSize = lionSize + 20;
                if(lionSize > maxLionSize){
                    lionSize = maxLionSize;
                }
                document.querySelector("#lion-img").style.width = lionSize + "px";
            }, 3000);
        });

document.querySelector("#lion-area").addEventListener("dragover", function(event){
            event.preventDefault();
        });

// ライオンの状態を監視する
        setInterval(function(){
            if(lionSick){
                document.querySelector("#lion-img").style.opacity = 0.5;
            }else{
                document.querySelector("#lion-img").style.opacity = 1;
            }

if(lionSize >= maxLionSize || lionSize <= 0 || lionSick){
                clearInterval(foodInterval);
                document.querySelector("#game-over").style.display = "block";
            }
        }, 1000);
    </script>

<style type="text/css">
        #lion-area{
            background-color: #e6e6e6;
            width: 80vw;
            height: 60vh;
            margin: 20px auto;
            display: flex;
            justify-content:center;
            align-items:center;
            position: relative;
        }
        #lion-area p{
            font-size: 16px;
            margin: 0;
        }
        #lion-icon{
            font-size: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer;
        }
        #lion-img{
            width: 50px;
            transition: width 1s;
        }
        #food-amount{
            font-size: 20px;
            position: absolute;
            right: 20px;
            bottom: 20px;
            margin: 0;
        }
        #game-over{
            background-color: rgba(0,0,0,0.5);
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content:center;
            align-items:center;
            text-align: center;
            color: #fff;
            font-size: 30px;
            font-weight: bold;
            display: none;
        }
    </style>

<div id="lion-area">
        <img id="lion-img" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/lion-face_1f981.png">
        <span id="lion-icon" draggable="true">🦁</span>
        <p>ここにライオンを置いてください</p>
        <p>残りのエサ：<span id="food-amount">0</span></p>
    </div>

<div id="game-over">
        <p>ゲームオーバー</p>
        <p>もう一度挑戦するにはページをリロードしてください</p>
    </div>

</body>
</html>