どうぶつスクールシミュレーター - ライオンガツンとマシマシゲーム -

スコア：0

【ゲームの概要】ライオンにガツンとマシマシするゲームです。スマホの画面の中央にライオンの画像が表示され、ボタンを押すとスコアが加算されます。スコアが10の倍数になると、ライオンの画像が点滅し始めます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>どうぶつスクールシミュレーター - ライオンガツンとマシマシゲーム -</title>
    <style>
      body {
        background-color: #F5DEB3;
        text-align: center;
      }
      h1 {
        font-family: Arial;
        font-size: 48px;
        color: #8B0000;
        margin: 0;
        padding: 50px;
      }
      button {
        font-family: Arial;
        font-size: 32px;
        color: white;
        background-color: #8B0000;
        border: none;
        border-radius: 10px;
        padding: 20px;
        margin: 20px;
        cursor: pointer;
      }
      img {
        max-width: 100%;
      }
    </style>
  </head>
  <body>
    <h1>どうぶつスクールシミュレーター - ライオンガツンとマシマシゲーム -</h1>
    <img src="lion.png" alt="lion">
    <br>
    <button onclick="maSimashi()">ガツンとマシマシ！</button>
    <br>
    <p id="score">スコア：0</p>
    <script>
      let score = 0;
      let intervalId;
      function maSimashi() {
        score++;
        document.getElementById('score').innerHTML = 'スコア：' + score;
        if (score % 10 === 0) {
          clearInterval(intervalId);
          intervalId = setInterval(function() {
            let lionImage = document.getElementsByTagName('img')[0];
            if (lionImage.src.endsWith('lion.png')) {
              lionImage.src = 'lion2.png';
            } else {
              lionImage.src = 'lion.png';
            }
          }, 100);
        }
      }
    </script>
  </body>
</html>

【ゲームの概要】
 
ライオンにガツンとマシマシするゲームです。
スマホの画面の中央にライオンの画像が表示され、
ボタンを押すとスコアが加算されます。
スコアが10の倍数になると、ライオンの画像が点滅し始めます。