AI game creator

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

No:7581

1164

←

Prev Next

→

linen
Developer o2pi4｜Date and time 23/7/8 23:04:13
Build time 12.283 sec｜Game capacity 2.401KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <script>
    // ゲームの初期状態
    let score = 0;
    let timer;
    let countdown = 10;

// ゲームオブジェクト
    const gameEl = document.createElement("div");
    gameEl.textContent = "ア";
    gameEl.style.cursor = "pointer";
    gameEl.style.userSelect = "none";
    gameEl.style.transition = "top 0.3s linear, left 0.3s linear";
    gameEl.addEventListener("click", increaseScore);
    document.body.appendChild(gameEl);

// ゲームオーバーメッセージ
    const gameOverEl = document.createElement("div");
    gameOverEl.innerHTML = "ゲームオーバー<br>スコア: <span id='score'></span>";
    gameOverEl.style.position = "absolute";
    gameOverEl.style.top = "50%";
    gameOverEl.style.left = "50%";
    gameOverEl.style.transform = "translate(-50%, -50%)";
    gameOverEl.style.display = "none";
    gameOverEl.style.textAlign = "center";
    gameOverEl.style.fontSize = "36px";
    document.body.appendChild(gameOverEl);

// スコア表示更新
    function updateScore() {
      document.getElementById("score").textContent = score;
    }

// スコアの増加処理
    function increaseScore() {
      score++;
      updateScore();
      moveGameElement();
    }

// ゲームオーバー処理
    function gameOver() {
      clearInterval(timer);
      gameEl.style.display = "none";
      gameOverEl.style.display = "block";
    }

// ゲーム要素の移動処理
    function moveGameElement() {
      const windowWidth = document.documentElement.clientWidth;
      const windowHeight = document.documentElement.clientHeight;
      const gameElementSize = 100;

const randomTop = Math.floor(Math.random() * (windowHeight - gameElementSize));
      const randomLeft = Math.floor(Math.random() * (windowWidth - gameElementSize));

gameEl.style.top = `${randomTop}px`;
      gameEl.style.left = `${randomLeft}px`;

countdown--;
      if (countdown <= 0) {
        gameOver();
      }
    }

// ゲームのカウントダウン処理
    timer = setInterval(moveGameElement, 1000);

updateScore();
  </script>
</body>
</html>