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

No:5069

509

←

Prev Next

→

General Meeting of Shareholders
Developer User3812｜Date and time 23/6/29 15:24:01
Build time 24.111 sec｜Game capacity 2.717KB｜

Script

了解しました。以下に、HTMLファイルとJavaScriptを使用して遊べる簡単なゲームの例を示します。この例は、スマートフォンのブラウザでプレイできるように設計されています。

ミニゲーム

スマホの画面をタップして絵文字を消そう！

このゲームでは、画面上にランダムな絵文字が表示されます。プレーヤーは絵文字をタップして得点を獲得します。制限時間内にできるだけ多くの絵文字をタップすることが目標です。ゲームが終了すると、得点が表示されます。このゲームはお手本として使用してください。必要に応じて改良や拡張を行ってください。

←

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>ミニゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }
    </style>
</head>
<body>
  <h1>ミニゲーム</h1>
  <p>スマホの画面をタップして絵文字を消そう！</p>
  <div id="gameArea" style="font-size: 100px;"></div>

function startGame() {
      score = 0;
      updateScore();
      generateEmoji();

// ゲーム時間を制限する（10秒）
      timerId = setTimeout(endGame, 10000);
    }

function generateEmoji() {
      var gameArea = document.getElementById("gameArea");

// 既存の絵文字を削除
      while (gameArea.firstChild) {
        gameArea.removeChild(gameArea.firstChild);
      }

// 新しい絵文字を表示
      var randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
      var topPos = Math.floor(Math.random() * (window.innerHeight - 200)) + 100;
      var leftPos = Math.floor(Math.random() * (window.innerWidth - 100));

var emojiElement = document.createElement("span");
      emojiElement.textContent = randomEmoji;
      emojiElement.style.position = "fixed";
      emojiElement.style.top = topPos + "px";
      emojiElement.style.left = leftPos + "px";
      emojiElement.style.cursor = "pointer";
      emojiElement.addEventListener("click", function() {
        // 絵文字をクリックしたら得点が増加
        score++;
        updateScore();
        generateEmoji();
      });

gameArea.appendChild(emojiElement);
    }

function updateScore() {
      var scoreElement = document.getElementById("score");
      scoreElement.textContent = "Score: " + score;
    }

function endGame() {
      clearTimeout(timerId);
      alert("ゲーム終了！\nScore: " + score);
    }

// ゲームを開始する
    startGame();
  </script>
</body>
</html>
```

このゲームでは、画面上にランダムな絵文字が表示されます。プレーヤーは絵文字をタップして得点を獲得します。制限時間内にできるだけ多くの絵文字をタップすることが目標です。ゲームが終了すると、得点が表示されます。

このゲームはお手本として使用してください。必要に応じて改良や拡張を行ってください。