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

No:6989

148

←

Prev Next

→

Create a game in which players compete for the kin..ALL
Developer User3954｜Date and time 23/7/4 20:48:36
Build time 28.03 sec｜Game capacity 2.793KB｜

Script

了解です。以下に「王」のコマを取り合うゲームの実装例を示します。

王のコマを取り合うゲーム

クリックしてゲームを開始してください

👑	😊	😀
😊	🃏	😀
😀	😃	☠️

この実装例では、3x3のテーブルを表示し、各マスに絵文字を配置しています。王のコマをクリックするとゲーム終了となり、隣接しているコマの表記が更新されます。ゲーム開始時は「👑」のコマが左上のマスに表示されます。各コマの動きやルールは省略されているため、詳細なゲームとして遊ぶことはできませんが、一部をゲーム化した実装例となります。

←

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>
</head>
<body>
  <h1>王のコマを取り合うゲーム</h1>
  <p id="message">クリックしてゲームを開始してください</p>
  <table>
    <tr>
      <td onclick="move(0, 0)" id="r00">👑</td>
      <td onclick="move(0, 1)" id="r01">😊</td>
      <td onclick="move(0, 2)" id="r02">😀</td>
    </tr>
    <tr>
      <td onclick="move(1, 0)" id="r10">😊</td>
      <td onclick="move(1, 1)" id="r11">🃏</td>
      <td onclick="move(1, 2)" id="r12">😀</td>
    </tr>
    <tr>
      <td onclick="move(2, 0)" id="r20">😀</td>
      <td onclick="move(2, 1)" id="r21">😃</td>
      <td onclick="move(2, 2)" id="r22">☠️</td>
    </tr>
  </table>

// 王の座標を初期化
    let kingX = 0;
    let kingY = 0;

// ゲームの状態を保持する変数
    let gameover = false;

function move(x, y) {
      // ゲームが終了している場合は処理しない
      if (gameover) {
        return;
      }

// クリックされた座標のコマを取得
      let clickedPiece = pieces[x][y];

// 王がクリックされた場合はゲーム終了
      if (clickedPiece === '👑') {
        gameover = true;
        document.getElementById('message').textContent = 'ゲーム終了！';
        return;
      }

// 王の座標を更新
      kingX = x;
      kingY = y;

// コマの表記を更新
      document.getElementById(`r${x}${y}`).textContent = '👑';

// 隣接するコマの表記を更新
      if (x > 0) {
        document.getElementById(`r${x-1}${y}`).textContent = '😊';
      }
      if (x < 2) {
        document.getElementById(`r${x+1}${y}`).textContent = '😀';
      }
      if (y > 0) {
        document.getElementById(`r${x}${y-1}`).textContent = '😊';
      }
      if (y < 2) {
        document.getElementById(`r${x}${y+1}`).textContent = '😀';
      }
    }
  </script>
</body>
</html>
```

この実装例では、3x3のテーブルを表示し、各マスに絵文字を配置しています。王のコマをクリックするとゲーム終了となり、隣接しているコマの表記が更新されます。ゲーム開始時は「👑」のコマが左上のマスに表示されます。

各コマの動きやルールは省略されているため、詳細なゲームとして遊ぶことはできませんが、一部をゲーム化した実装例となります。