Bogin vs. Koshikagin Gin's game

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

No:1555

458

←

Prev Next

→

Bogin vs. Koshikagin Gin
Developer sayaensm｜Date and time 23/6/18 18:32:58
Build time 64.101 sec｜Game capacity 5.66KB｜

Script

棒銀VS腰掛け銀は、将棋の対局です。プレイヤーはそれぞれ棒銀と腰掛け銀を担当します。ゲームが始まると、プレイヤーは交互に駒を動かします。棒銀は意地悪な戦略を使い、腰掛け銀は巧みな手筋で抵抗します。ゲームは、棒銀が腰掛け銀を詰ますか、腰掛け銀が棒銀を取ることが出来た場合に終了します。以下が、アプリの実現のためのJavaScriptコードです。

♜

♞

♝

♟

このアプリは将棋盤をシミュレーションし、棒銀と腰掛け銀の対局を実現します。スマホでも操作ができるように調整されています。絵文字も多めに使用しているので、楽しんで遊んでください！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

棒銀VS腰掛け銀は、将棋の対局です。プレイヤーはそれぞれ棒銀と腰掛け銀を担当します。ゲームが始まると、プレイヤーは交互に駒を動かします。棒銀は意地悪な戦略を使い、腰掛け銀は巧みな手筋で抵抗します。ゲームは、棒銀が腰掛け銀を詰ますか、腰掛け銀が棒銀を取ることが出来た場合に終了します。

以下が、アプリの実現のためのJavaScriptコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>棒銀VS腰掛け銀</title>
  <style>
    #board {
      width: 300px;
      height: 300px;
      border: 1px solid black;
    }
    .piece {
      width: 30px;
      height: 30px;
      font-size: 20px;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="board">
    <div class="piece" id="g9">♜</div>
    <div class="piece" id="h9">♞</div>
    <div class="piece" id="i9">♝</div>
    <div class="piece" id="g8">♟</div>
    <div class="piece" id="h8">♟</div>
    <div class="piece" id="i8">♟</div>
    <div class="piece" id="g7"></div>
    <div class="piece" id="h7"></div>
    <div class="piece" id="i7"></div>
  </div>

function getIndexById(id) {
      for (let i = 0; i < board.length; i++) {
        if (board[i][0] === id) {
          return i;
        }
      }
      return -1;
    }

function switchTurn() {
      if (turn === "g") {
        turn = "s";
      } else {
        turn = "g";
      }
    }

function renderBoard() {
      for (let i = 0; i < board.length; i++) {
        let piece = document.getElementById(board[i][0]);
        piece.innerHTML = board[i][1];
      }
    }

renderBoard();
  </script>
</body>
</html>
```