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

No:9308

226

←

Prev Next

→

Wabi Sabi Game
Developer User4246｜Date and time 23/7/23 14:36:23
Build time 20.01 sec｜Game capacity 2.531KB｜

Script

了解です。では、侘び寂びゲームを実装してみましょう。

侘び寂びゲーム

スタートボタンを押してください

このゲームは、スタートボタンを押すと、4x4のグリッドにランダムな絵文字が表示されます。絵文字は3秒後に消えますので、表示されている絵文字をタップして消す必要があります。タップできる時間が短いほど、スコアが高くなります。注意点として、絵文字として表示するために、絵文字が表示できる環境（モダンなブラウザ）が必要です。絵文字が正しく表示されない場合は、文字列などで表示するように変更してください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です。では、侘び寂びゲームを実装してみましょう。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>侘び寂びゲーム</title>
</head>
<body>
  <h1>侘び寂びゲーム</h1>
  <h2 id="message">スタートボタンを押してください</h2>

var gridSize = 4;
      var grid = [];
      for (var i = 0; i < gridSize; i++) {
        grid[i] = [];
        for (var j = 0; j < gridSize; j++) {
          grid[i][j] = "■";
        }
      }

var interval = setInterval(updateGrid, 1000);

function updateGrid() {
        var randomEmoji = getRandomEmoji();
        var randomRow = Math.floor(Math.random() * gridSize);
        var randomCol = Math.floor(Math.random() * gridSize);

grid[randomRow][randomCol] = randomEmoji;

displayGrid();

setTimeout(function() {
          if (grid[randomRow][randomCol] == randomEmoji) {
            grid[randomRow][randomCol] = "■";
            displayGrid();
          }
        }, 3000);
      }

function getRandomEmoji() {
        var emojis = ["👻", "🎃", "💀", "🕷", "🦇", "🍭"];
        return emojis[Math.floor(Math.random() * emojis.length)];
      }
    }
  </script>
</body>
</html>
```

このゲームは、スタートボタンを押すと、4x4のグリッドにランダムな絵文字が表示されます。絵文字は3秒後に消えますので、表示されている絵文字をタップして消す必要があります。タップできる時間が短いほど、スコアが高くなります。

注意点として、絵文字として表示するために、絵文字が表示できる環境（モダンなブラウザ）が必要です。絵文字が正しく表示されない場合は、文字列などで表示するように変更してください。