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

No:8404

2726

←

Prev Next

→

A game in which additional payments keep coming in..ALL
Developer User4160｜Date and time 23/7/15 19:34:52
Build time 19.91 sec｜Game capacity 1.983KB｜

Script

了解です。以下に、スマートフォンで遊べるシンプルなゲーム「追試が来まくるゲーム」の実装例を示します。

0

このゲームでは、1秒ごとにスコアが増え、スコアが10の倍数になるたびに追試が表示されます。追試の表示位置はランダムで、色もランダムに変化します。追試は3秒後に自動的に消えます。このようなゲームを1枚のHTMLファイルとして実装しています。JavaScriptは`
`タグで囲まれており、処理は実行開始されるようになっています。

←

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 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 3rem;
    }
  </style>
</head>
<body>
  <h1 id="score">0</h1>

function startGame() {
      intervalId = setInterval(increaseScore, 1000);
    }

function increaseScore() {
      score++;
      document.getElementById("score").textContent = score;

if (score % 10 === 0) {
        displayPopup();
      }
    }

function displayPopup() {
      var popup = document.createElement("div");
      popup.textContent = "追試が来ました！";
      popup.style.position = "absolute";
      popup.style.top = Math.random() * 90 + "%";
      popup.style.left = Math.random() * 90 + "%";
      popup.style.fontSize = "3rem";
      popup.style.color = getRandomColor();

setTimeout(function() {
        document.body.removeChild(popup);
      }, 3000);

document.body.appendChild(popup);
    }

function getRandomColor() {
      var letters = "0123456789ABCDEF";
      var color = "#";
      for (var i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
      }
      return color;
    }
    
    startGame();
  </script>
</body>
</html>
```

このゲームでは、1秒ごとにスコアが増え、スコアが10の倍数になるたびに追試が表示されます。追試の表示位置はランダムで、色もランダムに変化します。追試は3秒後に自動的に消えます。

このようなゲームを1枚のHTMLファイルとして実装しています。JavaScriptは`<script>`タグで囲まれており、処理は実行開始されるようになっています。