AI game creator

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

No:9133

120

←

Prev Next

→

Animasama
Developer User4246｜Date and time 23/7/21 16:53:58
Build time 21.014 sec｜Game capacity 1.953KB｜

Script

了解しました。以下はスマートフォンで遊べるシンプルなゲームの実装例です。

Score: 0

このプログラムは「Emoji Catch Game」というゲームです。画面上にランダムに表示される絵文字をタップしてスコアを稼ぎます。スコアは画面上部に表示されます。絵文字は3秒で消えてしまうので、できるだけ早くタップする必要があります。絵文字をタップするとスコアが1点増加し、絵文字が画面から消えます。

←

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>Emoji Catch Game</title>
  <style>
    body {
      overflow: hidden;
      background-color: lightblue;
    }
    #emoji {
      position: absolute;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <div id="score">Score: 0</div>
  <script>
    // Emojiの配列
    const emojis = ["🍉", "🍌", "🍓", "🍇", "🍒"];
    // スコア
    let score = 0;

function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

function createEmoji() {
      const emojiText = emojis[getRandomNumber(0, emojis.length - 1)];

const emoji = document.createElement("div");
      emoji.innerText = emojiText;
      emoji.style.left = getRandomNumber(0, window.innerWidth - 50) + "px";
      emoji.style.top = getRandomNumber(0, window.innerHeight - 50) + "px";
      emoji.style.position = "absolute";
      emoji.style.fontSize = "48px";
      emoji.addEventListener("click", function() {
        score += 1;
        document.getElementById("score").innerText = "Score: " + score;
        document.body.removeChild(emoji);
      });

document.body.appendChild(emoji);
      setTimeout(function() {
        document.body.removeChild(emoji);
      }, 3000);
    }

function startGame() {
      setInterval(createEmoji, 1000);
    }

startGame();
  </script>
</body>
</html>
```