Chess Mastery

{"name":"Chess Mastery","description":"Dive into the strategic world of chess with this interactive digital version. Whether you're a seasoned player or a curious beginner, this project will guide you through creating a basic chess game. Visualize the chessboard, move pieces with ease, and implement the rules of the game. Challenge yourself and enhance your programming skills while mastering the game of kings!","photo":null,"view_count":5,"fork_count":0,"expires_at":null,"created_at":"2025-09-25T19:31:57.389715Z","updated_at":"2025-09-25T19:31:57.389716Z","user_id":166,"status":"PRIVATE","parent_id":null,"id":9914,"user":{"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let pieces = [\n ['♜', '♞', '♝', '♛', '♚', '♝', '♞', '♜'], // Black pieces\n ['♟', '♟', '♟', '♟', '♟', '♟', '♟', '♟'], // Black pawns\n [], // Empty row\n [], // Empty row\n [], // Empty row\n [], // Empty row\n ['♙', '♙', '♙', '♙', '♙', '♙', '♙', '♙'], // White pawns\n ['♖', '♘', '♗', '♕', '♔', '♗', '♘', '♖'] // White pieces\n];\n\nlet selectedPiece = null;\n\nlet whiteKingMoved = false;\n\nlet whiteRookMoved = [false, false];\n\nlet blackKingMoved = false;\n\nlet blackRookMoved = [false, false];\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n}\n\nfunction draw() {\n background(135, 206, 235); // Sky blue background\n drawChessboard(); // Call the function to draw the chessboard\n drawPieces(); // Call the function to draw the pieces\n}\n\nfunction drawChessboard() {\n const squareSize = Math.min(width, height) / 8; // Calculate size based on smaller dimension\n\n for (let row = 0; row < 8; row++) {\n for (let col = 0; col < 8; col++) {\n // Alternate colors for the chessboard squares\n if ((row + col) % 2 === 0) {\n fill('#e3ffb5'); // Light green for even squares\n } else {\n fill('#23594e'); // Dark green for odd squares\n }\n rect(col * squareSize, row * squareSize, squareSize, squareSize); // Draw the square\n }\n }\n}\n\nfunction drawPieces() {\n const squareSize = Math.min(width, height) / 8; // Calculate size based on smaller dimension\n textSize(squareSize * 0.8); // Set text size based on square size\n\n for (let row = 0; row < 8; row++) {\n for (let col = 0; col < 8; col++) {\n const piece = pieces[row][col]; // Get the piece at the current position\n if (piece) {\n fill(0); // Set the color to black for the pieces\n text(piece, col * squareSize + squareSize / 8, row * squareSize + squareSize * 0.75); // Draw the piece\n }\n }\n }\n}\n\nfunction isValidMove(piece, startRow, startCol, endRow, endCol) {\n const pieceType = piece.charCodeAt(0); // Get the character code of the piece\n const direction = (pieceType === '♙'.charCodeAt(0)) ? -1 : 1; // Determine direction for pawns\n const isWhite = piece === piece.toUpperCase();\n\n const targetPiece = pieces[endRow][endCol];\n\n // Check if the target square has a piece of the same color\n if (targetPiece && isWhite === (targetPiece === targetPiece.toUpperCase())) {\n return false; // Cannot move to a square occupied by a piece of the same color\n }\n\n // Check for pawn movement\n if (piece === '♙' || piece === '♟') {\n if (startCol === endCol) { // Move forward\n if (startRow + direction === endRow && !targetPiece) return true; // Move one square forward\n if (startRow === (isWhite ? 6 : 1) && startRow + 2 * direction === endRow && !targetPiece) return true; // Move two squares forward\n } else if (Math.abs(startCol - endCol) === 1 && startRow + direction === endRow && targetPiece) {\n if ((isWhite && targetPiece !== targetPiece.toUpperCase()) || (!isWhite && targetPiece === targetPiece.toUpperCase())) {\n return true; // Capture diagonally if there is an opposing piece\n }\n }\n }\n\n // Check for rook movement\n if (piece === '♖' || piece === '♜') {\n if (startRow === endRow || startCol === endCol) {\n // Check if there are pieces in the path\n const stepRow = startRow === endRow ? 0 : (endRow > startRow ? 1 : -1);\n const stepCol = startCol === endCol ? 0 : (endCol > startCol ? 1 : -1);\n let currentRow = startRow + stepRow;\n let currentCol = startCol + stepCol;\n\n while (currentRow !== endRow || currentCol !== endCol) {\n if (pieces[currentRow][currentCol]) {\n return false; // Blocked by another piece\n }\n currentRow += stepRow;\n currentCol += stepCol;\n }\n return true; // Valid move\n }\n }\n\n // Check for bishop movement\n if (piece === '♗' || piece === '♝') {\n if (Math.abs(startRow - endRow) === Math.abs(startCol - endCol)) {\n // Check if there are pieces in the path\n const stepRow = endRow > startRow ? 1 : -1;\n const stepCol = endCol > startCol ? 1 : -1;\n let currentRow = startRow + stepRow;\n let currentCol = startCol + stepCol;\n\n while (currentRow !== endRow && currentCol !== endCol) {\n if (pieces[currentRow][currentCol]) {\n return false; // Blocked by another piece\n }\n currentRow += stepRow;\n currentCol += stepCol;\n }\n return true; // Valid move\n }\n }\n\n // Check for knight movement\n if (piece === '♘' || piece === '♞') {\n if ((Math.abs(startRow - endRow) === 2 && Math.abs(startCol - endCol) === 1) ||\n (Math.abs(startRow - endRow) === 1 && Math.abs(startCol - endCol) === 2)) {\n return true; // Move in \"L\" shape\n }\n }\n\n // Check for queen movement\n if (piece === '♕' || piece === '♛') {\n if (startRow === endRow || startCol === endCol ||\n Math.abs(startRow - endRow) === Math.abs(startCol - endCol)) {\n // Check if there are pieces in the path\n const stepRow = startRow === endRow ? 0 : (endRow > startRow ? 1 : -1);\n const stepCol = startCol === endCol ? 0 : (endCol > startCol ? 1 : -1);\n let currentRow = startRow + stepRow;\n let currentCol = startCol + stepCol;\n\n while (currentRow !== endRow || currentCol !== endCol) {\n if (pieces[currentRow][currentCol]) {\n return false; // Blocked by another piece\n }\n currentRow += stepRow;\n currentCol += stepCol;\n }\n return true; // Valid move\n }\n }\n\n // Check for king movement\n if (piece === '♔' || piece === '♚') {\n if (Math.abs(startRow - endRow) <= 1 && Math.abs(startCol - endCol) <= 1) {\n if (!targetPiece) return true; // Move one square in any direction if unoccupied\n if (targetPiece && isWhite !== (targetPiece === targetPiece.toUpperCase())) return true; // Capture if it is an enemy piece\n }\n }\n\n // Castling logic\n const isKing = piece === '♔' || piece === '♚';\n if (isKing) {\n if (isWhite && !whiteKingMoved && startRow === 7) {\n // Kingside castling\n if (endCol === 6 && !whiteRookMoved[1] && !targetPiece) {\n if (!pieces[7][5] && !isInCheck(7, 6, '♔')) {\n return true; // Valid kingside castling\n }\n }\n // Queenside castling\n if (endCol === 2 && !whiteRookMoved[0] && !targetPiece) {\n if (!pieces[7][3] && !pieces[7][4] && !isInCheck(7, 2)) {\n return true; // Valid queenside castling\n }\n }\n }\n if (!isWhite && !blackKingMoved && startRow === 0) {\n // Kingside castling\n if (endCol === 6 && !blackRookMoved[1] && !targetPiece) {\n if (!pieces[0][5] && !isInCheck(0, 6)) {\n return true; // Valid kingside castling\n }\n }\n // Queenside castling\n if (endCol === 2 && !blackRookMoved[0] && !targetPiece) {\n if (!pieces[0][3] && !pieces[0][4] && !isInCheck(0, 2)) {\n return true; // Valid queenside castling\n }\n }\n }\n }\n\n return false; // If none of the conditions are met, the move is invalid\n}\n\nfunction isInCheck(row, col) {\n // Implement logic to check if the king at (row, col) is in check.\n // This is a complex function that will need to evaluate all opponent pieces\n // and their valid moves to see if any can attack the king's position.\n // For now, we can return false as a placeholder.\n return false;\n}\n\nfunction mousePressed() {\n const squareSize = Math.min(width, height) / 8; // Calculate size based on smaller dimension\n const col = Math.floor(mouseX / squareSize); // Determine the column based on mouseX\n const row = Math.floor(mouseY / squareSize); // Determine the row based on mouseY\n\n if (selectedPiece === null) {\n // Select a piece if no piece is currently selected\n if (pieces[row][col]) { // Check if there is a piece at the clicked position\n selectedPiece = { row, col }; // Save the position of the selected piece\n }\n } else {\n // Move the selected piece to a new location if the move is valid\n const piece = pieces[selectedPiece.row][selectedPiece.col]; // Get the selected piece\n if (isValidMove(piece, selectedPiece.row, selectedPiece.col, row, col)) {\n // Handle castling\n if (piece === '♔' && Math.abs(col - selectedPiece.col) === 2) {\n // Kingside castling\n if (col === 6) {\n pieces[7][5] = '♖'; // Move the rook\n pieces[7][7] = null; // Clear the old rook position\n whiteRookMoved[1] = true; // Update rook moved state\n }\n // Queenside castling\n if (col === 2) {\n pieces[7][3] = '♖'; // Move the rook\n pieces[7][0] = null; // Clear the old rook position\n whiteRookMoved[0] = true; // Update rook moved state\n }\n whiteKingMoved = true; // Update king moved state\n } else if (piece === '♚' && Math.abs(col - selectedPiece.col) === 2) {\n // Handle black castling similarly\n if (col === 6) {\n pieces[0][5] = '♜'; // Move the rook\n pieces[0][7] = null; // Clear the old rook position\n blackRookMoved[1] = true; // Update rook moved state\n }\n if (col === 2) {\n pieces[0][3] = '♜'; // Move the rook\n pieces[0][0] = null; // Clear the old rook position\n blackRookMoved[0] = true; // Update rook moved state\n }\n blackKingMoved = true; // Update king moved state\n } else {\n pieces[row][col] = piece; // Move the piece\n }\n pieces[selectedPiece.row][selectedPiece.col] = null; // Clear the old position\n }\n selectedPiece = null; // Deselect the piece after moving\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Chess Mastery\n \n \n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":23,"comments":[],"steps":[]}