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

No:9370

←

Prev Next

→

rare (game)
Developer User4337｜Date and time 23/7/23 23:43:10
Build time 18.682 sec｜Game capacity 1.996KB｜

Script

了解です。では、珍しいゲームを作ってみましょう。以下に、完成したゲームのコードを示します。

珍しいゲーム

このゲームでは、ページを表示した後、スタートボタンをクリックすると、画面上にランダムに配置された絵文字が表示されます。プレイヤーは絵文字をクリックして消すことが目的です。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">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>珍しいゲーム</title>
</head>
<body>
  <h1>珍しいゲーム</h1>
  <button onclick="startGame()">ゲームスタート！</button>
  <div id="gameBoard"></div>

for (let i = 0; i < emojis.length; i++) {
        const emojiElement = document.createElement("span");
        emojiElement.innerText = emojis[i];
        emojiElement.style.left = Math.random() * 90 + "%";
        emojiElement.style.top = Math.random() * 90 + "%";
        emojiElement.style.fontSize = Math.random() * 50 + 50 + "px";
        
        emojiElement.addEventListener("click", function() {
          this.style.display = "none";
          const endTime = new Date().getTime();
          const totalTime = (endTime - startTime) / 1000;
          alert("おめでとう！ターゲットをクリックできた！\nタイム: " + totalTime + "秒");
        });

gameBoard.appendChild(emojiElement);
      }
      
    }
  </script>
</body>
</html>
```

このゲームでは、ページを表示した後、スタートボタンをクリックすると、画面上にランダムに配置された絵文字が表示されます。プレイヤーは絵文字をクリックして消すことが目的です。1つの絵文字をクリックすると、その絵文字が消え、クリックまでのタイムが表示されます。

このように、スマートフォンで遊べる珍しいゲームを作ることができます。