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

No:5788

612

←

Prev Next

→

Looks like Emoji Clicker at first glance! Horror g..ALL
Developer User3589｜Date and time 23/6/30 19:58:07
Build time 22.234 sec｜Game capacity 1.796KB｜

Script

了解しました！では、Emoji Clickerというゲームを作ってみましょう。以下はHTMLファイルの実装例です。

Emoji Clicker

▶️ Click the emoji as many times as you can!

Score: 0

Clicks per second: 0

😀

これは、画面上の絵文字をクリックすることでスコアが増えていくEmoji Clickerというゲームです。スコアとクリック数(クリック数/秒)が表示されます。スコアは絵文字をクリックすることで増加し、クリック数はランダムな値で増えます。そして、クリック数は1秒ごとにリセットされます。画面上の絵文字はクリック可能で、カーソルを指すと矢印が表示されます。スマートフォンで操作することを前提にしています。ご希望に合うゲームが作成できないようであれば、部分的にゲーム化してみることもできますので、お知らせください。

←

Prev　Next

→ 　

Back　

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

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

了解しました！では、Emoji Clickerというゲームを作ってみましょう。

以下はHTMLファイルの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Clicker</title>
  <style>
    #emoji {
      font-size: 100px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Emoji Clicker</h1>
  <p>▶️ Click the emoji as many times as you can!</p>
  <p>Score: <span id="score">0</span></p>
  <p>Clicks per second: <span id="cps">0</span></p>

// Emoji click event handler
    document.getElementById("emoji").addEventListener("click", function() {
      score++;
      document.getElementById("score").textContent = score;
    });

// Clicks per second counter
    var cps = 0;
    setInterval(function() {
      document.getElementById("cps").textContent = cps;
      cps = 0;
    }, 1000);

// Increase clicks per second
    setInterval(function() {
      cps += Math.floor(Math.random() * 5);
    }, 200);

</script>
  <p id="emoji">😀</p>
</body>
</html>
```

これは、画面上の絵文字をクリックすることでスコアが増えていくEmoji Clickerというゲームです。スコアとクリック数(クリック数/秒)が表示されます。

スコアは絵文字をクリックすることで増加し、クリック数はランダムな値で増えます。そして、クリック数は1秒ごとにリセットされます。

画面上の絵文字はクリック可能で、カーソルを指すと矢印が表示されます。

スマートフォンで操作することを前提にしています。

ご希望に合うゲームが作成できないようであれば、部分的にゲーム化してみることもできますので、お知らせください。