Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Defeat the monster lurking behind the hippos! There are 3 hippos in total! Find the hippopotamus with the monster lurking behind it and hit it repeatedly! If you make even one mistake, the game is over! When the game is over, you will see a red flashing light!'s game | AI game creator

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

No:7148

4089

←

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回の間違いが許されます。間違えると赤く点滅する「ゲームオーバー」メッセージが表示され、連打は無効になります。

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