AI game creator

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

No:40587

←

Prev Next

→

Chess
Developer User18209｜Date and time 24/2/3 18:51:53
Build time 12.675 sec｜Game capacity 4.015KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script>
        // Define chessboard dimensions
        const CHESSBOARD_SIZE = 8;

// Define board representation
        let chessboard = [];

// Define active piece position
        let selectedPosition = null;

// Define turn counter
        let turn = 0;

// Create initial chessboard
        function createChessboard() {
            const board = document.getElementById('chessboard');
            let squares = '';

for (let row = 0; row < CHESSBOARD_SIZE; row++) {
                chessboard[row] = [];

for (let col = 0; col < CHESSBOARD_SIZE; col++) {
                    const piece = (row === 1 || row === 6) ? '♙' : '';

chessboard[row][col] = piece;

squares += `<div class="square" onclick="handleClick(${row}, ${col})">${piece}</div>`;
                }
            }

board.innerHTML = squares;
        }

// Handle click event on a square
        function handleClick(row, col) {
            const piece = chessboard[row][col];

// If a piece is selected, try to move it
            if (selectedPosition !== null) {
                const [selectedRow, selectedCol] = selectedPosition;

if (isValidMove(selectedRow, selectedCol, row, col)) {
                    movePiece(selectedRow, selectedCol, row, col);
                }

// Clear selected position
                selectedPosition = null;
                return;
            }

// If no piece is selected, check if player clicked on their own piece
            if (piece !== '' && isPlayerPiece(piece)) {
                // Set selected position
                selectedPosition = [row, col];
            }
        }

// Check if the move is valid
        function isValidMove(startRow, startCol, endRow, endCol) {
            const piece = chessboard[startRow][startCol];
            const moveRow = Math.abs(endRow - startRow);
            const moveCol = Math.abs(endCol - startCol);

// Check for pawn movement
            if (piece === '♙') {
                // Pawn move forward
                if (startCol === endCol && endRow - startRow === 1 && chessboard[endRow][endCol] === '') {
                    return true;
                }
                // Pawn first move
                if (startCol === endCol && startRow === 1 && endRow - startRow === 2 && chessboard[endRow][endCol] === '' && chessboard[endRow - 1][endCol] === '') {
                    return true;
                }
                // Pawn capture
                if (Math.abs(startCol - endCol) === 1 && endRow - startRow === 1 && !isPlayerPiece(chessboard[endRow][endCol])) {
                    return true;
                }
            }

return false;
        }

// Move the piece on the chessboard
        function movePiece(startRow, startCol, endRow, endCol) {
            const piece = chessboard[startRow][startCol];

// Move piece
            chessboard[startRow][startCol] = '';
            chessboard[endRow][endCol] = piece;

// Update chessboard view
            createChessboard();
        }

// Check if the piece belongs to the current player
        function isPlayerPiece(piece) {
            return (turn % 2 === 0 && piece === '♙');
        }

// Initialize the chessboard
        function initChessboard() {
            createChessboard();
        }

// Start the game
        function startGame() {
            initChessboard();
        }

// Run the game
        window.onload = startGame;
    </script>
    <style>
        .square {
            width: 50px;
            height: 50px;
            display: inline-block;
            text-align: center;
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="chessboard"></div>
</body>
</html>