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

No:7900

468

←

Prev Next

→

infinite chess
Developer User4077｜Date and time 23/7/10 17:21:02
Build time 12.086 sec｜Game capacity 2.484KB｜

Script

了解しました。以下は無限チェスの実装例です。

無限チェス

こちらはHTMLファイルとして実装された無限チェスのゲームです。HTMLファイルをブラウザで開くと、8x8のチェス盤が表示されます。各セルをクリックすると、そのセルにある駒を選択できます。選択された駒は黄色の背景色で表示されます。もう一度クリックすると、選択された駒がクリックされたセルに移動します。ただし、この実装では駒の種類やルールが実装されておらず、単なる駒の移動のみができる状態です。その他のルールや機能を追加するには、追加の実装が必要になります。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。以下は無限チェスの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>無限チェス</title>
    <style>
        #board {
            display: grid;
            grid-template-columns: repeat(8, 50px);
            grid-template-rows: repeat(8, 50px);
        }
        .cell {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>無限チェス</h1>
    <div id="board"></div>

for (let i = 0; i < 8; i++) {
                for (let j = 0; j < 8; j++) {
                    const cell = document.createElement('div');
                    cell.className = 'cell';
                    cell.id = `cell-${i}-${j}`;

cell.addEventListener('click', () => {
                        movePiece(cell.id);
                    });

board.appendChild(cell);
                    cells.push(cell);
                }
            }

let selectedPiece = null;

function movePiece(cellId) {
                const cell = document.getElementById(cellId);

if (selectedPiece === null) {
                    selectedPiece = cell;
                    selectedPiece.style.backgroundColor = 'yellow';
                } else {
                    if (selectedPiece !== cell) {
                        cell.innerHTML = selectedPiece.innerHTML;
                        selectedPiece.innerHTML = '';
                    }

selectedPiece.style.backgroundColor = 'white';
                    selectedPiece = null;
                }
            }
        });
    </script>
</body>
</html>
```

こちらはHTMLファイルとして実装された無限チェスのゲームです。HTMLファイルをブラウザで開くと、8x8のチェス盤が表示されます。

各セルをクリックすると、そのセルにある駒を選択できます。選択された駒は黄色の背景色で表示されます。もう一度クリックすると、選択された駒がクリックされたセルに移動します。

ただし、この実装では駒の種類やルールが実装されておらず、単なる駒の移動のみができる状態です。その他のルールや機能を追加するには、追加の実装が必要になります。