ライオン🦁マシマシゲーム

スマホの画面をタップして、ライオンをマシマシしよう！

得点: 0

このアプリは「ライオン🦁マシマシゲーム」という名前で、スマホの画面をタップしてライオンをマシマシするゲームです。ライオンの画像が表示され、画面をタップすると得点が入り、ライオンのサイズが一定時間だけ大きくなります。スマホで操作を前提としており、絵文字を多めに使っています。ゲームの概要が簡単に説明されています。

←

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ライオン🦁マシマシゲーム</title>
    <style>
      #lion {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    </style>
  </head>
  <body>
    <div>
      <h1>ライオン🦁マシマシゲーム</h1>
      <p>スマホの画面をタップして、ライオンをマシマシしよう！</p>
      <p id="score">得点: 0</p>
    </div>
    <img src="lion.png" alt="ライオン" id="lion">
    <script>
      let score = 0;
      
      function mash() {
        score++;
        document.getElementById("score").innerHTML = "得点: " + score;
        document.getElementById("lion").style.width = "120px";
        document.getElementById("lion").style.height = "120px";
        setTimeout(function() {
          document.getElementById("lion").style.width = "100px";
          document.getElementById("lion").style.height = "100px";
        }, 100);
      }
      
      document.addEventListener("touchstart", mash);
    </script>
  </body>
</html>