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

No:5794

1652

Defeat Eternal Development
Developer User3788｜Date and time 23/6/30 20:15:25
Build time 26.824 sec｜Game capacity 2.454KB｜

ご要望いただいた条件に基づいて、以下の例に示すようなシンプルなゲームを実装しました。このゲームは、スマートフォン上で遊ぶことが前提となっています。

Emojiゲーム

絵文字をタップしてスコアを稼ごう！

スコア: 0

上記のコードは、「Emojiゲーム」という簡単なゲームを実装したものです。画面上にランダムな絵文字が表示され、その絵文字をタップするとスコアが1点加算されます。スコアは画面上部に表示されます。絵文字にはタップ時にイベントリスナーが設定され、タップすると絵文字が消えます。新しい絵文字は1秒ごとに表示されます。この例は、実際にブラウザで実行することでゲームを楽しむことができます。スマートフォン上で閲覧することをおすすめしますが、PCで閲覧することも可能です。絵文字を使ってシンプルなゲームを作成しましたが、他のゲームアイデアもお待ちしています。

→ 　

1　

1　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

ご要望いただいた条件に基づいて、以下の例に示すようなシンプルなゲームを実装しました。このゲームは、スマートフォン上で遊ぶことが前提となっています。

```html
<!DOCTYPE html>
<html>
<head>
<title>Emojiゲーム</title>
<style>
  #emoji {
    font-size: 5rem;
  }
</style>
</head>
<body>
  <h1>Emojiゲーム</h1>
  <p>絵文字をタップしてスコアを稼ごう！</p>
  <p id="score">スコア: 0</p>

<script>
    var score = 0;

function increaseScore() {
      score++;
      document.getElementById("score").innerText = "スコア: " + score;
    }

function createEmoji() {
      var emoji = document.createElement("span");
      emoji.innerHTML = getRandomEmoji();
      emoji.addEventListener("click", function() {
        increaseScore();
        this.remove();
      });
      emoji.style.position = "fixed";
      emoji.style.left = getRandomCoordinate() + "px";
      emoji.style.top = getRandomCoordinate() + "px";
      emoji.style.cursor = "pointer";
      emoji.id = "emoji";
      document.body.appendChild(emoji);

setTimeout(removeEmoji, 3000, emoji);
    }

function removeEmoji(emoji) {
      emoji.remove();
    }

function getRandomEmoji() {
      var emojis = ["😀", "😃", "😄", "😁", "😆", "😅", "😂", "🤣", "😊", "😇"];
      var randomIndex = Math.floor(Math.random() * emojis.length);
      return emojis[randomIndex];
    }

function getRandomCoordinate() {
      return Math.floor(Math.random() * (window.innerWidth - 100));
    }

setInterval(createEmoji, 1000);
  </script>
</body>
</html>
```

上記のコードは、「Emojiゲーム」という簡単なゲームを実装したものです。画面上にランダムな絵文字が表示され、その絵文字をタップするとスコアが1点加算されます。スコアは画面上部に表示されます。絵文字にはタップ時にイベントリスナーが設定され、タップすると絵文字が消えます。新しい絵文字は1秒ごとに表示されます。

この例は、実際にブラウザで実行することでゲームを楽しむことができます。スマートフォン上で閲覧することをおすすめしますが、PCで閲覧することも可能です。絵文字を使ってシンプルなゲームを作成しましたが、他のゲームアイデアもお待ちしています。