the poster child of nihilism's game

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

No:8988

←

Prev Next

→

the poster child of nihilism
Developer User3788｜Date and time 23/7/20 2:43:28
Build time 18.086 sec｜Game capacity 1.677KB｜

Script

了解しました。以下に、スマートフォンで遊べるシンプルなゲームを実装したHTMLファイルの例を示します。このゲームでは、絵文字を使用しています。

Score: 0

😄

このHTMLファイルでは、笑顔の絵文字 😄 をクリックすることでスコアが増えます。絵文字はクリックするたびに画面内のランダムな場所に移動します。スコアは画面上部に表示され、常に更新されます。このゲームはスマートフォンでプレイすることを前提としており、スマートフォンのタッチ操作に対応しています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>スマホゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 30px;
    }

#score {
      font-size: 20px;
    }

#target {
      font-size: 80px;
      margin: 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="score">Score: 0</div>
  <div id="target" onclick="increaseScore()">😄</div>

function increaseScore() {
      score++;
      document.getElementById("score").textContent = "Score: " + score;
      moveTarget();
    }

function moveTarget() {
      var maxWidth = window.innerWidth - 200;
      var maxHeight = window.innerHeight - 200;
      var x = Math.random() * maxWidth;
      var y = Math.random() * maxHeight;
      document.getElementById("target").style.transform = "translate(" + x + "px, " + y + "px)";
    }

moveTarget();
  </script>
</body>
</html>
```

このHTMLファイルでは、笑顔の絵文字 😄 をクリックすることでスコアが増えます。絵文字はクリックするたびに画面内のランダムな場所に移動します。スコアは画面上部に表示され、常に更新されます。

このゲームはスマートフォンでプレイすることを前提としており、スマートフォンのタッチ操作に対応しています。