AI game creator

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

No:9012

116

←

Prev Next

→

zombie hunter
Developer User4246｜Date and time 23/7/20 13:16:50
Build time 29.831 sec｜Game capacity 2.626KB｜

Script

了解しました。以下にゾンビハンターとして遊べる簡単なゲームの実装例を示します。

このゲームでは、プレイヤーとゾンビの位置を座標で表し、クリック操作によってプレイヤーが移動します。ゾンビは自動でプレイヤーに近づきます。プレイヤーとゾンビの位置が一致するとゲームオーバーとなり、結果が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下にゾンビハンターとして遊べる簡単なゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Zombie Hunter</title>
  <style>
    #game-area {
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 50px;
    }
  </style>
</head>
<body>
  <div id="game-area"></div>

// プレイヤーの初期位置を乱数で設定
    playerX = Math.floor(Math.random() * 10);
    playerY = Math.floor(Math.random() * 10);

// ゾンビの位置を表す変数
    let zombieX = 0;
    let zombieY = 0;

// ゾンビの初期位置を乱数で設定
    zombieX = Math.floor(Math.random() * 10);
    zombieY = Math.floor(Math.random() * 10);

// ゲームエリアの要素を取得
    const gameArea = document.getElementById("game-area");

// ゲームエリアをクリックした時の処理
function　test(e) {
      // クリックされた位置の座標を取得
      const clickX = Math.floor(e.clientX / 50);
      const clickY = Math.floor(e.clientY / 50);

// プレイヤーの位置を更新
      playerX = clickX;
      playerY = clickY;

// ゾンビがプレイヤーに近づく処理
      if (zombieX < playerX) {
        zombieX++;
      } else if (zombieX > playerX) {
        zombieX--;
      }

if (zombieY < playerY) {
        zombieY++;
      } else if (zombieY > playerY) {
        zombieY--;
      }

// プレイヤーとゾンビの位置を表示
      gameArea.textContent = "🧟‍♂️(" + playerX + ", " + playerY + ") vs. 🧟‍♂️(" + zombieX + ", " + zombieY + ")";

// プレイヤーとゾンビの位置が一致すればゲームオーバー
      if (playerX === zombieX && playerY === zombieY) {
        gameArea.textContent = "Game Over!";
        gameArea.style.backgroundColor = "red";
      }
      }

gameArea.addEventListener("click", 　test);
test(new Event("look", {"bubbles":true, "cancelable":false}));
  </script>
</body>
</html>
```