Someone will die at 12 oclock this evening.'s game

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

No:5344

1282

←

Prev Next

→

Someone will die at 12 oclock this evening.
Developer User3812｜Date and time 23/6/30 0:01:46
Build time 26.829 sec｜Game capacity 2.584KB｜

Script

了解しました。では、以下のようなシンプルなスマホゲームを作成してみます。

このゲームは、ページ上にランダムな絵文字が表示され、その絵文字をクリックすることでスコアが上がります。1秒ごとに新しい絵文字が表示されます。ゲームオーバーになると、絵文字をクリックできなくなります。スコアは画面右上に表示されます。ご希望に添って、1枚の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>Emoji Catch</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <script>
    const scoreElement = document.createElement('div');
    scoreElement.style.position = 'absolute';
    scoreElement.style.top = '10px';
    scoreElement.style.right = '10px';
    scoreElement.style.fontFamily = 'Arial, sans-serif';
    scoreElement.style.fontSize = '24px';
    scoreElement.style.color = 'white';
    document.body.appendChild(scoreElement);

const emojiElement = document.createElement('div');
    emojiElement.style.position = 'absolute';
    emojiElement.style.top = '50%';
    emojiElement.style.left = '50%';
    emojiElement.style.transform = 'translate(-50%, -50%)';
    emojiElement.style.fontSize = '60px';
    document.body.appendChild(emojiElement);

let score = 0;
    let gameOver = false;

function getRandomEmoji() {
      const emojis = ['😀', '😆', '😎', '🤩', '🤪'];
      const randomIndex = Math.floor(Math.random() * emojis.length);
      return emojis[randomIndex];
    }

function updateScore() {
      scoreElement.innerText = `Score: ${score}`;
    }

function updateEmoji() {
      if (gameOver) {
        emojiElement.innerText = 'Game Over';
        emojiElement.style.pointerEvents = 'none';
        return;
      }
      const emoji = getRandomEmoji();
      emojiElement.innerText = emoji;
      emojiElement.addEventListener('click', handleEmojiClick);
      setTimeout(updateEmoji, 1000);
    }

function handleEmojiClick() {
      score++;
      updateScore();
    }

updateScore();
    updateEmoji();
  </script>
</body>
</html>
```

このゲームは、ページ上にランダムな絵文字が表示され、その絵文字をクリックすることでスコアが上がります。1秒ごとに新しい絵文字が表示されます。ゲームオーバーになると、絵文字をクリックできなくなります。スコアは画面右上に表示されます。

ご希望に添って、1枚のHTMLファイルとして実装し、JavaScriptを含めています。スマホの操作にも対応していますので、スマホブラウザで開いて遊んでみてください。もし絵文字が正常に表示されない場合は、お使いのデバイスやブラウザに絵文字がサポートされていない可能性があります。