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

No:8458

3482

←

Prev Next

→

Stop the Worsening, Twitter!
Developer User3589｜Date and time 23/7/16 7:21:37
Build time 17.214 sec｜Game capacity 1.794KB｜

Script

了解しました。以下にスマホで遊べるシンプルなゲームを実装したHTMLファイルを示します。

悪化を止めろ！

スコア: 0

このゲームは「悪化を止めろ！」というタイトルで、ボタンをクリックすることでスコアが増え、ボタンがランダムな場所に移動します。スマートフォン上で表示し、ボタンをタップすることで遊ぶことができます。なお、絵文字を使用する場合は、

のように絵文字の文字コードをボタンのテキストとして指定することができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下にスマホで遊べるシンプルなゲームを実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ゲーム</title>
</head>
<body>
  <h1>悪化を止めろ！</h1>
  <div id="gameArea" style="text-align: center;">
    <button id="btn" style="font-size: 48px;">クリックして悪化を止めろ！</button>
    <p id="score" style="font-size: 24px;">スコア: 0</p>
  </div>

document.getElementById("btn").addEventListener('click', function() {
      increaseScore();
      moveButton();
    });

function increaseScore() {
      score++;
      document.getElementById("score").textContent = "スコア: " + score;
    }

function moveButton() {
      var width = window.innerWidth;
      var height = window.innerHeight;

var x = Math.floor(Math.random() * (width - 100));
      var y = Math.floor(Math.random() * (height - 100));

document.getElementById("btn").style.left = x + "px";
      document.getElementById("btn").style.top = y + "px";
    }

function startGame() {
      moveButton();
      timer = setInterval(moveButton, 1000);
    }

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

このゲームは「悪化を止めろ！」というタイトルで、ボタンをクリックすることでスコアが増え、ボタンがランダムな場所に移動します。スマートフォン上で表示し、ボタンをタップすることで遊ぶことができます。

なお、絵文字を使用する場合は、
```html
<button id="btn" style="font-size: 48px;">🛑</button>
```
のように絵文字の文字コードをボタンのテキストとして指定することができます。