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

No:7613

1396

←

Prev Next

→

Im the sparkle.
Developer もちきなこ｜Date and time 23/7/8 23:54:11
Build time 14.908 sec｜Game capacity 2.609KB｜

Script

了解しました。「僕がキラキラだ」というゲームを作成します。以下に実際のプログラムを記述します。

✨

画面をタップしてキラキラを増やすゲームです。

スコア: 0

このプログラムでは、画面をタップするとキラキラが増え、スコアも加算されます。キラキラはランダムな位置に配置され、ランダムな色になります。0.5秒後にキラキラは消えます。上記のコードをhtmlファイルに保存し、ブラウザで開くと「僕がキラキラだ」というゲームがプレイできます。スマホで操作することを前提としているため、スマホのブラウザで開くことをおすすめします。

←

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>
    #game-container {
      text-align: center;
      margin-top: 100px;
    }
    #kira {
      font-size: 100px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1 id="kira">✨</h1>
    <p>画面をタップしてキラキラを増やすゲームです。</p>
    <p id="score">スコア: 0</p>
  </div>

document.addEventListener("DOMContentLoaded", function() {
      var gameContainer = document.getElementById("game-container");
      var kiraElement = document.getElementById("kira");
      var scoreElement = document.getElementById("score");

// タップした時の処理
      gameContainer.addEventListener("click", function() {
        score++;
        scoreElement.textContent = "スコア: " + score;

// キラキラを追加
        for (var i = 0; i < kiraCount; i++) {
          var kiraClone = kiraElement.cloneNode(true);
          kiraClone.style.left = Math.random() * 100 + "%";
          kiraClone.style.top = Math.random() * 100 + "%";
          kiraClone.style.color = getRandomColor();
          gameContainer.appendChild(kiraClone);
        }

// キラキラの数を増やす
        kiraCount++;

// 0.5秒後にキラキラを削除
        setTimeout(function() {
          var kiraElements = document.querySelectorAll("#kira");
          for (var i = 0; i < kiraElements.length; i++) {
            kiraElements[i].remove();
          }
        }, 500);
      });

// ランダムな色を返す関数
      function getRandomColor() {
        var letters = "0123456789ABCDEF";
        var color = "#";
        for (var i = 0; i < 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
      }
    });
  </script>
</body>
</html>
```

このプログラムでは、画面をタップするとキラキラが増え、スコアも加算されます。キラキラはランダムな位置に配置され、ランダムな色になります。0.5秒後にキラキラは消えます。

上記のコードをhtmlファイルに保存し、ブラウザで開くと「僕がキラキラだ」というゲームがプレイできます。スマホで操作することを前提としているため、スマホのブラウザで開くことをおすすめします。