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

No:4641

512

←

Prev Next

→

composed shogi problem
Developer AI絵師｜Date and time 23/6/28 13:58:43
Build time 27.746 sec｜Game capacity 2.473KB｜

Script

了解しました。以下は詰将棋のゲームの例です。

詰将棋

この例では、詰将棋のボードを表示し、各駒をクリックすることで取り除くことができます。初期配置として、通常の将棋の初期配置が表示されます。駒は絵文字（♔、♕、♖、♗、♘、♙、♚、♛、♜、♝、♞、♟）で表示されています。クリックすると駒が消えます。駒の移動などのルールは実装されていませんが、部分的にゲームとして楽しむことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は詰将棋のゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>詰将棋</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
    
    .board {
      display: inline-block;
      margin: 20px;
    }
    
    .piece {
      display: inline-block;
      width: 40px;
      height: 40px;
      border: 1px solid black;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>詰将棋</h1>
  <div id="board" class="board"></div>
  
  <script>
    const pieces = [
      "♔", "♕", "♖", "♗", "♘", "♙", "♚", "♛", "♜", "♝", "♞", "♟"
    ];
    
    const initialState = [
      ["♜", "", "", "", "", "", "", "♖"],
      ["♞", "♟", "", "", "", "", "♟", "♞"],
      ["♝", "", "♟", "", "", "♙", "", "♝"],
      ["♛", "", "", "♟", "", "♗", "", "♛"],
      ["♚", "", "", "", "♙", "", "", "♚"],
      ["♝", "", "♗", "", "", "♟", "", "♝"],
      ["♞", "♟", "", "", "", "", "♟", "♞"],
      ["♜", "", "", "", "", "", "", "♖"]
    ];
    
    const boardElement = document.getElementById('board');
    
    let state = JSON.parse(JSON.stringify(initialState));
    
    function render() {
      boardElement.innerHTML = '';
      
      for (let row = 0; row < 8; row++) {
        for (let col = 0; col < 8; col++) {
          const piece = state[row][col];
          const pieceElement = document.createElement('div');
          pieceElement.classList.add('piece');
          pieceElement.textContent = piece;
          pieceElement.onclick = () => movePiece(row, col);
          boardElement.appendChild(pieceElement);
        }
        
        boardElement.appendChild(document.createElement('br'));
      }
    }
    
    function movePiece(row, col) {
      if (state[row][col] === "") {
        return;
      }
      
      state[row][col] = "";
      render();
    }
    
    render();
  </script>
</body>
</html>
```