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

No:4021

773

←

Prev Next

→

致死性なすごろくたい焼きとバターの決戦わ
Developer User3589｜Date and time 23/6/27 2:12:49
Build time 32.446 sec｜Game capacity 3.083KB｜

Script

た焼きとバターの決戦というゲームを作りました。ルールは以下の通りです。 - すごろく盤面上を進みます。盤面にはバターとたい焼きのいずれかが書かれています。 - バターの場合は1マス進みます。 - たい焼きの場合は2マス進みます。 - 終点に到達するとゴールです。ゲームを始めるには画面をタップしてください。以下がコードです。

たい焼きとバターの決戦

画面をタップしてゲームを始めてください。

モバイル端末の場合は、画面の上部にある「＋」ボタンからWebアプリとして追加することで、ホーム画面からもゲームが遊べるようになります。

←

Prev　Next

→ 　

Back　

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

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

た焼きとバターの決戦というゲームを作りました。

ルールは以下の通りです。
- すごろく盤面上を進みます。盤面にはバターとたい焼きのいずれかが書かれています。
- バターの場合は1マス進みます。
- たい焼きの場合は2マス進みます。
- 終点に到達するとゴールです。

ゲームを始めるには画面をタップしてください。
以下がコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>たい焼きとバターの決戦</title>
</head>
<body>
  <h1>たい焼きとバターの決戦</h1>
  <p>画面をタップしてゲームを始めてください。</p>
  <script>
    document.body.addEventListener('click', function() {
      var board = ['たい焼き', 'バター', 'たい焼き', 'たい焼き', 'バター', 'たい焼き', 'たい焼き', 'バター', 'たい焼き', 'ゴール'];
      var position = 0;

function showMessage(message) {
        document.body.innerHTML = '<p>' + message + '</p>';
      }

function showBoard() {
        var boardElement = document.createElement('div');
        boardElement.style.display = 'flex';
        boardElement.style.justifyContent = 'center';
        boardElement.style.alignItems = 'center';

for (var i = 0; i < board.length; i++) {
          var cellElement = document.createElement('div');
          cellElement.style.width = '50px';
          cellElement.style.height = '50px';
          cellElement.style.border = '1px solid black';
          cellElement.style.display = 'flex';
          cellElement.style.justifyContent = 'center';
          cellElement.style.alignItems = 'center';
          cellElement.innerText = board[i];
          boardElement.appendChild(cellElement);
        }

document.body.appendChild(boardElement);
      }

function move() {
        position++;
        showMessage('サイコロを振りました。');

setTimeout(function() {
          var dice = Math.floor(Math.random() * 6) + 1;
          showMessage('出目は' + dice + 'です。');

setTimeout(function() {
            var destination = position + dice;
            if (destination >= board.length) {
              position = board.length - 1;
              showBoard();
              showMessage('ゴールしました！おめでとう！');
            } else {
              position = destination;
              var cell = board[position];
              showMessage(cell + 'に進みます。');
              setTimeout(move, 1000);
            }
          }, 1000);
        }, 1000);
      }

showMessage('画面をタップしてゲームを始めてください。');

document.body.addEventListener('click', function() {
        showBoard();
        move();
      });
    });
  </script>
</body>
</html>
```

モバイル端末の場合は、画面の上部にある「＋」ボタンからWebアプリとして追加することで、ホーム画面からもゲームが遊べるようになります。