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

No:27865

←

Prev Next

→

楽しいゲーム
Developer User13904｜Date and time 23/12/9 21:42:36
Build time 26.082 sec｜Game capacity 2.451KB｜

Script

了解です！楽しいゲームを作ります。

楽しいゲーム

上記のHTMLファイルでは、「楽しいゲーム」というタイトルを持つ1枚のHTMLファイルを作成し、JavaScriptを含むようにしています。ゲームは以下のように動作します: 1. 「ゲームを始める！」ボタンをクリックすると、ゲームが開始されます。 2. 1秒ごとにランダムな場所に絵文字が表示されます。 3. 絵文字をクリックすると、絵文字が消えてスコアが1増えます。ゲームのコンセプトは非常にシンプルですが、スマホで遊ぶことを前提としており、絵文字を使っています。完成したゲームはスマホで遊べるようになっています。

←

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 {
      font-size: 2rem;
      text-align: center;
      margin-top: 40vh;
    }
  </style>
</head>
<body>
  <script>
    // ゲームの処理を記述します
    let score = 0;

function incrementScore() {
      score++;
      document.getElementById('score').textContent = `Score: ${score}`;
    }

function playGame() {
      document.getElementById('startButton').style.display = 'none';
      document.getElementById('score').style.display = 'block';

const emojiList = ['❤️', '✨', '⭐', '🎉', '🐱', '🌈'];
      const gameArea = document.getElementById('gameArea');

setInterval(() => {
        const emoji = emojiList[Math.floor(Math.random() * emojiList.length)];
        const left = Math.floor(Math.random() * (window.innerWidth - 100));
        const top = Math.floor(Math.random() * (window.innerHeight - 100));

const emojiElement = document.createElement('span');
        emojiElement.innerHTML = emoji;
        emojiElement.style.position = 'fixed';
        emojiElement.style.left = `${left}px`;
        emojiElement.style.top = `${top}px`;
        emojiElement.style.cursor = 'pointer';

emojiElement.addEventListener('click', () => {
          emojiElement.remove();
          incrementScore();
        });

gameArea.appendChild(emojiElement);
      }, 1000);
    }
  </script>

<h1>楽しいゲーム</h1>
  <button id="startButton" onclick="playGame()">ゲームを始める！</button>
  <p id="score" style="display: none;">Score: 0</p>
  <div id="gameArea"></div>
</body>
</html>
```

上記のHTMLファイルでは、「楽しいゲーム」というタイトルを持つ1枚のHTMLファイルを作成し、JavaScriptを含むようにしています。

ゲームは以下のように動作します:
1. 「ゲームを始める！」ボタンをクリックすると、ゲームが開始されます。
2. 1秒ごとにランダムな場所に絵文字が表示されます。
3. 絵文字をクリックすると、絵文字が消えてスコアが1増えます。

ゲームのコンセプトは非常にシンプルですが、スマホで遊ぶことを前提としており、絵文字を使っています。完成したゲームはスマホで遊べるようになっています。