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

No:5840

3393

←

Prev Next

→

ENIAC
Developer User3846｜Date and time 23/6/30 22:20:10
Build time 34.211 sec｜Game capacity 3.034KB｜

Script

了解です。以下に、スマートフォンで遊べる簡単なゲームの実装例を示します。

Emojiタッチゲーム

タッチした回数: 0

制限時間: 10 秒

このプログラムでは、10秒間でランダムに表示される絵文字（Emoji）をタッチするゲームです。タッチした回数が「タッチした回数」の部分に表示され、制限時間（10秒）が経過するとゲーム終了となり、結果が表示されます。プログラムを実行すると、ブラウザ上でゲームがプレイできます。スマートフォンのブラウザでも動作するため、スマホ操作に対応しています。

←

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タッチゲーム</title>
  <style>
    body {
      text-align: center;
    }
    .emoji {
      font-size: 4rem;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Emojiタッチゲーム</h1>
  <p>タッチした回数: <span id="count">0</span></p>
  <p>制限時間: <span id="timer">10</span> 秒</p>
  <p id="result"></p>

// ゲームの状態を保持する変数
    let count = 0; // タッチした回数
    let timeLeft = gameDuration; // 制限時間

// ゲームの開始処理
    function startGame() {
      // タイマーを起動
      countdown = setInterval(updateTimer, 1000);

// Emojiを表示
      showNextEmoji();

// クリックイベントを追加
      document.querySelector('.emoji').addEventListener('click', handleClick);
    }

// タイマーの更新処理
    function updateTimer() {
      timeLeft--;

// 時間切れの場合、ゲーム終了処理を実行
      if (timeLeft <= 0) {
        endGame();
      }

// タイマーの表示を更新
      document.getElementById('timer').textContent = timeLeft;
    }

// Emojiを表示する処理
    function showNextEmoji() {
      const emoji = getRandomEmoji();
      document.getElementById('result').innerHTML = `<span class="emoji">${emoji}</span>`;
    }

// ランダムなEmojiを取得する処理
    function getRandomEmoji() {
      const randomIndex = Math.floor(Math.random() * emojis.length);
      return emojis[randomIndex];
    }

// Emojiがクリックされた時の処理
    function handleClick() {
      count++;
      document.getElementById('count').textContent = count;

// 次のEmojiを表示
      showNextEmoji();
    }

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

// クリックイベントを削除
      document.querySelector('.emoji').removeEventListener('click', handleClick);

// 結果を表示
      document.getElementById('result').textContent = `ゲーム終了！あなたのスコア: ${count}回`;
    }

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

このプログラムでは、10秒間でランダムに表示される絵文字（Emoji）をタッチするゲームです。タッチした回数が「タッチした回数」の部分に表示され、制限時間（10秒）が経過するとゲーム終了となり、結果が表示されます。

プログラムを実行すると、ブラウザ上でゲームがプレイできます。スマートフォンのブラウザでも動作するため、スマホ操作に対応しています。