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

No:6819

269

←

Prev Next

→

Mosler and Mosler 🐛🦋🐛🦋🦋.
Developer User3930｜Date and time 23/7/3 21:24:43
Build time 34.23 sec｜Game capacity 3.113KB｜

Script

了解です。以下に、スマホで遊べるシンプルなゲームを作成いたしました。このゲームでは、絵文字で表されるモンスターをタップし、倒すと得点が加算されます。制限時間内にできるだけ多くのモンスターを倒すことを目指してください。

モンスターハンター

得点: 0

制限時間: 10秒

以上がゲームの実装です。指定の要件を満たすように作成しましたので、ぜひお試しください。モンスターをタップして得点を稼ぎましょう！

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解です。以下に、スマホで遊べるシンプルなゲームを作成いたしました。
このゲームでは、絵文字で表されるモンスターをタップし、倒すと得点が加算されます。制限時間内にできるだけ多くのモンスターを倒すことを目指してください。

```html
<!DOCTYPE html>
<html>
<head>
<style>
  body {
    text-align: center;
    font-size: 48px;
  }
</style>
</head>
<body>
  <h1>モンスターハンター</h1>
  <p id="score">得点: 0</p>
  <h2 id="timer">制限時間: 10秒</h2>
  <div id="game-container"></div>

let score = 0;
    let timer = gameDuration;
    let countdown;

// モンスターハンターのゲーム開始
    function startGame() {
      score = 0;
      timer = gameDuration;
      countdown = setInterval(updateTimer, 1000);

for (let i = 0; i < monsterCount; i++) {
        createMonster();
      }
    }

// タイマーの更新
    function updateTimer() {
      timer--;
      timerElement.textContent = `制限時間: ${timer}秒`;

if (timer === 0) {
        endGame();
      }
    }

// ゲーム終了
    function endGame() {
      clearInterval(countdown);

// モンスターをクリックしても得点が増えないようにする
      gameContainer.removeEventListener("click", handleMonsterClick);

alert(`ゲーム終了！\nあなたの得点は${score}です。`);

// 初期化
      gameContainer.innerHTML = "";
      scoreElement.textContent = "得点: 0";
      timerElement.textContent = "制限時間: 10秒";
    }

// モンスターの作成
    function createMonster() {
      const monster = document.createElement("span");
      monster.classList.add("monster");
      monster.innerHTML = "🐛"; // 絵文字でモンスターを表現
      monster.style.top = `${getRandomPosition()}%`;
      monster.style.left = `${getRandomPosition()}%`;
      monster.addEventListener("click", handleMonsterClick);
      gameContainer.appendChild(monster);
    }

// モンスターがクリックされたときの処理
    function handleMonsterClick(event) {
      if (event.target.classList.contains("monster")) {
        event.target.remove();
        score++;
        scoreElement.textContent = `得点: ${score}`;
      }
    }

// ランダムな座標を返す関数
    function getRandomPosition() {
      return Math.random() * 80; // 画面内の座標に収まるように調整
    }

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

以上がゲームの実装です。指定の要件を満たすように作成しましたので、ぜひお試しください。モンスターをタップして得点を稼ぎましょう！