AI game creator

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

No:13988

138

←

Prev Next

→

怨霊玉
Developer User4966｜Date and time 23/8/30 20:09:49
Build time 19.565 sec｜Game capacity 2.31KB｜

Script

了解しました。以下に、スマートフォンで遊べる簡単なゲーム「怨霊玉」のプログラムを記述します。

このHTMLファイルをローカルで開くか、サーバーにアップロードして実行すると、スマートフォン上で遊べる怨霊玉のゲームが表示されます。画面上に表示される👻絵文字をタップするとスコアが加算され、指定の時間内にできるだけ多くの怨霊玉をタップして高得点を目指すというゲームです。時間が経過する毎に新しい怨霊玉がランダムに生成されます。制限時間が0になるとゲームオーバーとなり、最終的なスコアがアラートで表示されます。ご参考までにご確認ください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下に、スマートフォンで遊べる簡単なゲーム「怨霊玉」のプログラムを記述します。

```
<!DOCTYPE html>
<html>
<head>
  <title>怨霊玉</title>
  <style>
    body {
      font-size: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <script>
    var score = 0;

function increaseScore() {
      score++;
      document.getElementById("score").innerHTML = "Score: " + score;
    }

setInterval(function() {
      var ball = document.createElement("div");
      ball.innerHTML = "👻";
      ball.style.position = "absolute";
      ball.style.fontSize = "80px";
      ball.style.top = Math.random() * (window.innerHeight - 100) + "px";
      ball.style.left = Math.random() * (window.innerWidth - 100) + "px";
      ball.addEventListener("click", function() {
        increaseScore();
        document.body.removeChild(ball);
      });
      document.body.append(ball);
    }, 1000);

var timer = 60;
    var countdown = setInterval(function() {
      timer--;
      document.getElementById("timer").innerHTML = "Time: " + timer;
      if (timer === 0) {
        clearInterval(countdown);
        alert("Game Over! Your score is " + score);
      }
    }, 1000);

var scoreText = document.createElement("div");
    scoreText.id = "score";
    scoreText.innerHTML = "Score: 0";
    document.body.append(scoreText);

var timerText = document.createElement("div");
    timerText.id = "timer";
    timerText.innerHTML = "Time: 60";
    document.body.append(timerText);
  </script>
</body>
</html>
```

このHTMLファイルをローカルで開くか、サーバーにアップロードして実行すると、スマートフォン上で遊べる怨霊玉のゲームが表示されます。画面上に表示される👻絵文字をタップするとスコアが加算され、指定の時間内にできるだけ多くの怨霊玉をタップして高得点を目指すというゲームです。時間が経過する毎に新しい怨霊玉がランダムに生成されます。制限時間が0になるとゲームオーバーとなり、最終的なスコアがアラートで表示されます。

ご参考までにご確認ください。