AI game creator

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

No:46326

130

←

Prev Next

→

chess
Developer User15743｜Date and time 24/2/24 16:43:43
Build time 7.095 sec｜Game capacity 1.873KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Chess Game</title>
    <style>
        #chessboard {
            border: 2px solid black;
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            font-size: 30px;
            width: 320px;
            height: 320px;
        }

.square {
            display: flex;
            align-items: center;
            justify-content: center;
        }

.white {
            background-color: #f0d9b5;
        }

.black {
            background-color: #b58863;
        }
    </style>
</head>
<body>
    <div id="chessboard"></div>
    <script>
        const chessboard = document.getElementById('chessboard');

const pieceMap = {
            '♖': 'rook',
            '♘': 'knight',
            '♗': 'bishop',
            '♕': 'queen',
            '♔': 'king',
            '♙': 'pawn'
        };

const initialBoard = [
            '♖', '♘', '♗', '♕', '♔', '♗', '♘', '♖',
            '♙', '♙', '♙', '♙', '♙', '♙', '♙', '♙',
            '', '', '', '', '', '', '', '',
            '', '', '', '', '', '', '', '',
            '', '', '', '', '', '', '', '',
            '', '', '', '', '', '', '', '',
            '♟', '♟', '♟', '♟', '♟', '♟', '♟', '♟',
            '♜', '♞', '♝', '♛', '♚', '♝', '♞', '♜'
        ];

function createChessboard() {
            for (let i = 0; i < 64; i++) {
                const square = document.createElement('div');
                square.className = 'square';
                square.textContent = initialBoard[i];
                square.classList.add((i % 2 === Math.floor(i / 8) % 2) ? 'white' : 'black');
                chessboard.appendChild(square);
            }
        }

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