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

No:7148

3996

←

Prev Next

→

Defeat the monster lurking behind the hippos! Ther..ALL
Developer User3720｜Date and time 23/7/5 21:17:41
Build time 21.569 sec｜Game capacity 2.848KB｜

Script

以下が要求された仕様を満たすHTMLファイルです。このファイルを実行してプレイしてみてください。

カバの裏に潜む怪物を倒そう!!

カバは全部で3体!!その中から怪物が潜むカバを見つけて連打しよう!!

一回でも間違えたらゲームオーバー!!

🐘

このゲームは、カバのアイコンが表示される3つのボックスから、怪物が潜んでいるボックスを選びます。怪物がいるボックスを見つけるために、ボックスをクリックするだけです。最大3回の間違いが許されます。間違えると赤く点滅する「ゲームオーバー」メッセージが表示され、連打は無効になります。このゲームはスマートフォンでの操作を前提とし、絵文字を使用していますが、他のデバイスやブラウザでもプレイ可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

以下が要求された仕様を満たすHTMLファイルです。このファイルを実行してプレイしてみてください。

```html
<!DOCTYPE html>
<html>
<head>
  <title>カバの裏に潜む怪物</title>
  <style>
    #gameboard {
      display: flex;
      flex-wrap: wrap;
      width: 200px;
      height: 200px;
    }

.capybara {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 70px;
      height: 70px;
      font-size: 40px;
      background-color: #ddd;
      border: 1px solid #bbb;
      cursor: pointer;
    }

.hide {
      display: none;
    }

.game-over {
      animation: blink 1s infinite;
      color: red;
    }

@keyframes blink {
      0% { visibility: visible; }
      50% { visibility: hidden; }
    }
  </style>
</head>
<body>
  <h1>カバの裏に潜む怪物を倒そう!!</h1>
  <p>カバは全部で3体!!その中から怪物が潜むカバを見つけて連打しよう!!</p>
  <p>一回でも間違えたらゲームオーバー!!</p>
  <div id="gameboard">
    <div class="capybara" onclick="checkCapybara(this)">🐘</div>
    <div class="capybara hide" onclick="checkCapybara(this)">🐘</div>
    <div class="capybara hide" onclick="checkCapybara(this)">🐘</div>
  </div>
  <p id="game-over" class="hide">ゲームオーバー</p>

var selectedCapybaraIndex = Math.floor(Math.random() * 3);
    var attempts = 0;
    var gameOver = false;

function checkCapybara(capybara) {
      if (gameOver) return;

var capybaraIndex = Array.prototype.indexOf.call(capybaras, capybara);

if (capybaraIndex === selectedCapybaraIndex) {
        capybara.style.backgroundColor = "#bbb";
        capybara.style.border = "1px solid #888";
        capybara.style.pointerEvents = "none";
        capybara.innerHTML = "☠";
        gameOverText.classList.add("hide");
        gameOver = true;
      } else {
        attempts++;
        if (attempts >= 3) {
          gameOverText.classList.remove("hide");
          gameOver = true;
        }
      }
    }
  </script>
</body>
</html>
```

このゲームは、カバのアイコンが表示される3つのボックスから、怪物が潜んでいるボックスを選びます。怪物がいるボックスを見つけるために、ボックスをクリックするだけです。最大3回の間違いが許されます。間違えると赤く点滅する「ゲームオーバー」メッセージが表示され、連打は無効になります。

このゲームはスマートフォンでの操作を前提とし、絵文字を使用していますが、他のデバイスやブラウザでもプレイ可能です。