// Bu satır style tag'inin üstüne taşındı // Satranç tahtasının başlangıç durumu const initialBoard = [ ['bR', 'bN', 'bB', 'bQ', 'bK', 'bB', 'bN', 'bR'], ['bP', 'bP', 'bP', 'bP', 'bP', 'bP', 'bP', 'bP'], ['', '', '', '', '', '', '', ''], ['', '', '', '', '', '', '', ''], ['', '', '', '', '', '', '', ''], ['', '', '', '', '', '', '', ''], ['wP', 'wP', 'wP', 'wP', 'wP', 'wP', 'wP', 'wP'], ['wR', 'wN', 'wB', 'wQ', 'wK', 'wB', 'wN', 'wR'] ]; // Taşların Unicode karakterleri const pieceMap = { 'wR': '♖', 'wN': '♘', 'wB': '♗', 'wQ': '♕', 'wK': '♔', 'wP': '♙', 'bR': '♜', 'bN': '♞', 'bB': '♝', 'bQ': '♛', 'bK': '♚', 'bP': '♟' }; let board = []; let selectedSquare = null; let currentPlayer = 'w'; // 'w' for white, 'b' for black let gameStatus = document.getElementById('game-status'); // Tahtayı ve taşları çizen fonksiyon function drawBoard() { const chessboardElement = document.getElementById('chessboard'); chessboardElement.innerHTML = ''; // Tahtayı temizle for (let row = 0; row < 8; row++) { for (let col = 0; col < 8; col++) { const squareElement = document.createElement('div'); const isLight = (row + col) % 2 === 0; squareElement.classList.add('square', isLight ? 'light' : 'dark'); squareElement.dataset.row = row; squareElement.dataset.col = col; squareElement.id = `square-${row}-${col}`; const piece = board[row][col]; if (piece) { const pieceElement = document.createElement('span'); pieceElement.classList.add('piece', piece.startsWith('w') ? 'white-piece' : 'black-piece'); pieceElement.textContent = pieceMap[piece]; squareElement.appendChild(pieceElement); } squareElement.addEventListener('click', handleSquareClick); chessboardElement.appendChild(squareElement); } } } // Kare tıklamasını işleyen fonksiyon function handleSquareClick(event) { const clickedSquare = event.currentTarget; const row = parseInt(clickedSquare.dataset.row); const col = parseInt(clickedSquare.dataset.col); const piece = board[row][col]; if (selectedSquare === null) { // Taş seçme if (piece && piece.startsWith(currentPlayer)) { selectedSquare = { row, col }; clickedSquare.classList.add('selected'); highlightPossibleMoves(row, col); } } else { // Taş hareket ettirme veya başka taş seçme const startRow = selectedSquare.row; const startCol = selectedSquare.col; if (startRow === row && startCol === col) { // Aynı kareye tekrar tıklandı, seçimi kaldır deselectSquare(); } else if (piece && piece.startsWith(currentPlayer)) { // Başka kendi taşını seçme deselectSquare(); selectedSquare = { row, col }; clickedSquare.classList.add('selected'); highlightPossibleMoves(row, col); } else { // Hareket etme denemesi if (isValidMove(startRow, startCol, row, col)) { movePiece(startRow, startCol, row, col); switchPlayer(); deselectSquare(); checkGameStatus(); } else { // Geçersiz hareket, seçimi kaldır deselectSquare(); } } } } // Seçimi kaldıran fonksiyon function deselectSquare() { if (selectedSquare) { const { row, col } = selectedSquare; document.getElementById(`square-${row}-${col}`).classList.remove('selected'); removePossibleMoveHighlights(); selectedSquare = null; } } // Olası hareketleri vurgulayan fonksiyon function highlightPossibleMoves(row, col) { const possibleMoves = getLegalMoves(row, col); possibleMoves.forEach(move => { document.getElementById(`square-${move.row}-${move.col}`).classList.add('possible-move'); }); } // Olası hareket vurgularını kaldıran fonksiyon function removePossibleMoveHighlights() { document.querySelectorAll('.possible-move').forEach(square => { square.classList.remove('possible-move'); }); } // Taş hareketini gerçekleştiren fonksiyon function movePiece(startRow, startCol, endRow, endCol) { board[endRow][endCol] = board[startRow][startCol]; board[startRow][startCol] = ''; drawBoard(); // Tahtayı yeniden çiz } // Sıradaki oyuncuyu değiştiren fonksiyon function switchPlayer() { currentPlayer = currentPlayer === 'w' ? 'b' : 'w'; gameStatus.textContent = currentPlayer === 'w' ? 'Beyaz Sırası' : 'Siyah Sırası'; } // Oyun durumunu kontrol eden fonksiyon (Şah, Mat vb.) function checkGameStatus() { const kingColor = currentPlayer; if (isCheckmate(kingColor)) { gameStatus.textContent = `${kingColor === 'w' ? 'Siyah' : 'Beyaz'} Kazandı! Mat!`; // Oyunu durdurma veya yeniden başlatma seçenekleri eklenebilir } else if (isCheck(kingColor)) { gameStatus.textContent += ` - Şah!`; } } // Belirtilen renkteki şahın şahta olup olmadığını kontrol eden fonksiyon function isCheck(kingColor) { // Şahın pozisyonunu bul let kingRow, kingCol; for (let r = 0; r < 8; r++) { for (let c = 0; c < 8; c++) { if (board[r][c] === kingColor + 'K') { kingRow = r; kingCol = c; break; } } if (kingRow !== undefined) break; } // Rakip taşların şahı tehdit edip etmediğini kontrol et const opponentColor = kingColor === 'w' ? 'b' : 'w'; for (let r = 0; r < 8; r++) { for (let c = 0; c < 8; c++) { const piece = board[r][c]; if (piece && piece.startsWith(opponentColor)) { // Geçici olarak isValidMove kullanıyoruz, ancak bu fonksiyonun // şahın kendi rengi tarafından tehdit edilmediğini varsayması gerekir. // Daha doğru bir kontrol için, her rakip taşın tüm olası hareketlerini // kontrol edip şahın karesinde bitip bitmediğine bakmak gerekir. // Basitlik adına, burada isValidMove'u kullanıyoruz, ancak bu tam doğru olmayabilir. // Gelişmiş bir satranç motoru daha karmaşık bir şah kontrolü gerektirir. // TODO: Daha doğru bir şah kontrolü implemente et. if (isValidMove(r, c, kingRow, kingCol, true)) { // 'true' isValidMove'a tehdit kontrolü olduğunu belirtmek için eklenebilir return true; } } } } return false; } // Belirtilen renkteki şahın mat olup olmadığını kontrol eden fonksiyon function isCheckmate(kingColor) { if (!isCheck(kingColor)) { return false; // Şahta değilse mat olamaz } // Oynayabilecek herhangi bir yasal hareket var mı kontrol et for (let r = 0; r < 8; r++) { for (let c = 0; c < 8; c++) { const piece = board[r][c]; if (piece && piece.startsWith(kingColor)) { const legalMoves = getLegalMoves(r, c); if (legalMoves.length > 0) { return false; // Yasal bir hareket bulundu, mat değil } } } } return true; // Yasal hareket bulunamadı, mat } // Bir taşın yasal hareketlerini döndüren fonksiyon (Şah çekme durumunu dikkate alarak) function getLegalMoves(startRow, startCol) { const piece = board[startRow][startCol]; if (!piece) return []; const possibleMoves = getPossibleMoves(startRow, startCol); const legalMoves = []; possibleMoves.forEach(move => { // Hareketi geçici olarak yap const originalEndPiece = board[move.row][move.col]; const originalStartPiece = board[startRow][startCol]; board[move.row][move.col] = originalStartPiece; board[startRow][startCol] = ''; // Hareket sonrası kendi şahımızın şahta olup olmadığını kontrol et const kingColor = originalStartPiece.startsWith('w') ? 'w' : 'b'; if (!isCheck(kingColor)) { legalMoves.push(move); } // Tahtayı eski durumuna geri getir board[startRow][startCol] = originalStartPiece; board[move.row][move.col] = originalEndPiece; }); return legalMoves; } // Bir taşın olası hareketlerini döndüren fonksiyon (Şah çekme durumunu dikkate almaz) function getPossibleMoves(startRow, startCol) { const piece = board[startRow][startCol]; const moves = []; const color = piece.startsWith('w') ? 'w' : 'b'; const direction = color === 'w' ? -1 : 1; // Beyaz yukarı, siyah aşağı switch (piece[1]) { case 'P': // Piyon // İleri hareket if (board[startRow + direction] && board[startRow + direction][startCol] === '') { moves.push({ row: startRow + direction, col: startCol }); // İlk hareket ve 2 kare ileri if ((color === 'w' && startRow === 6) || (color === 'b' && startRow === 1)) { if (board[startRow + 2 * direction] && board[startRow + 2 * direction][startCol] === '') { moves.push({ row: startRow + 2 * direction, col: startCol }); } } } // Çapraz yeme if (board[startRow + direction]) { if (startCol > 0 && board[startRow + direction][startCol - 1] && board[startRow + direction][startCol - 1].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow + direction, col: startCol - 1 }); } if (startCol < 7 && board[startRow + direction][startCol + 1] && board[startRow + direction][startCol + 1].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow + direction, col: startCol + 1 }); } } // TODO: En passant ve terfi ekle break; case 'R': // Kale // Dikey ve yatay hareket for (let i = startRow + 1; i < 8; i++) { // Aşağı if (board[i][startCol] === '') { moves.push({ row: i, col: startCol }); } else { if (board[i][startCol].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: i, col: startCol }); } break; } } for (let i = startRow - 1; i >= 0; i--) { // Yukarı if (board[i][startCol] === '') { moves.push({ row: i, col: startCol }); } else { if (board[i][startCol].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: i, col: startCol }); } break; } } for (let i = startCol + 1; i < 8; i++) { // Sağ if (board[startRow][i] === '') { moves.push({ row: startRow, col: i }); } else { if (board[startRow][i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow, col: i }); } break; } } for (let i = startCol - 1; i >= 0; i--) { // Sol if (board[startRow][i] === '') { moves.push({ row: startRow, col: i }); } else { if (board[startRow][i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow, col: i }); } break; } } break; case 'N': // At const knightMoves = [ [-2, -1], [-2, 1], [-1, -2], [-1, 2], [1, -2], [1, 2], [2, -1], [2, 1] ]; knightMoves.forEach(move => { const newRow = startRow + move[0]; const newCol = startCol + move[1]; if (newRow >= 0 && newRow < 8 && newCol >= 0 && newCol < 8) { const targetPiece = board[newRow][newCol]; if (targetPiece === '' || targetPiece.startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: newRow, col: newCol }); } } }); break; case 'B': // Fil // Çapraz hareket for (let i = 1; startRow + i < 8 && startCol + i < 8; i++) { // Sağ aşağı if (board[startRow + i][startCol + i] === '') { moves.push({ row: startRow + i, col: startCol + i }); } else { if (board[startRow + i][startCol + i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow + i, col: startCol + i }); } break; } } for (let i = 1; startRow - i >= 0 && startCol + i < 8; i++) { // Sağ yukarı if (board[startRow - i][startCol + i] === '') { moves.push({ row: startRow - i, col: startCol + i }); } else { if (board[startRow - i][startCol + i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow - i, col: startCol + i }); } break; } } for (let i = 1; startRow + i < 8 && startCol - i >= 0; i++) { // Sol aşağı if (board[startRow + i][startCol - i] === '') { moves.push({ row: startRow + i, col: startCol - i }); } else { if (board[startRow + i][startCol - i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow + i, col: startCol - i }); } break; } } for (let i = 1; startRow - i >= 0 && startCol - i >= 0; i++) { // Sol yukarı if (board[startRow - i][startCol - i] === '') { moves.push({ row: startRow - i, col: startCol - i }); } else { if (board[startRow - i][startCol - i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow - i, col: startCol - i }); } break; } } break; case 'Q': // Vezir // Kale ve Fil hareketlerinin birleşimi (Yukarıdaki Kale ve Fil mantığını buraya kopyalayabilirsiniz) // Dikey ve yatay hareket (Kale gibi) for (let i = startRow + 1; i < 8; i++) { // Aşağı if (board[i][startCol] === '') { moves.push({ row: i, col: startCol }); } else { if (board[i][startCol].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: i, col: startCol }); } break; } } for (let i = startRow - 1; i >= 0; i--) { // Yukarı if (board[i][startCol] === '') { moves.push({ row: i, col: startCol }); } else { if (board[i][startCol].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: i, col: startCol }); } break; } } for (let i = startCol + 1; i < 8; i++) { // Sağ if (board[startRow][i] === '') { moves.push({ row: startRow, col: i }); } else { if (board[startRow][i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow, col: i }); } break; } } for (let i = startCol - 1; i >= 0; i--) { // Sol if (board[startRow][i] === '') { moves.push({ row: startRow, col: i }); } else { if (board[startRow][i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow, col: i }); } break; } } // Çapraz hareket (Fil gibi) for (let i = 1; startRow + i < 8 && startCol + i < 8; i++) { // Sağ aşağı if (board[startRow + i][startCol + i] === '') { moves.push({ row: startRow + i, col: startCol + i }); } else { if (board[startRow + i][startCol + i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow + i, col: startCol + i }); } break; } } for (let i = 1; startRow - i >= 0 && startCol + i < 8; i++) { // Sağ yukarı if (board[startRow - i][startCol + i] === '') { moves.push({ row: startRow - i, col: startCol + i }); } else { if (board[startRow - i][startCol + i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow - i, col: startCol + i }); } break; } } for (let i = 1; startRow + i < 8 && startCol - i >= 0; i++) { // Sol aşağı if (board[startRow + i][startCol - i] === '') { moves.push({ row: startRow + i, col: startCol - i }); } else { if (board[startRow + i][startCol - i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow + i, col: startCol - i }); } break; } } for (let i = 1; startRow - i >= 0 && startCol - i >= 0; i++) { // Sol yukarı if (board[startRow - i][startCol - i] === '') { moves.push({ row: startRow - i, col: startCol - i }); } else { if (board[startRow - i][startCol - i].startsWith(color === 'w' ? 'b' : 'w')) { moves.push({ row: startRow - i, col: startCol - i }); } break; } } break; case 'K': // Şah const kingMoves = [ [-1, -1], [-1, 0], [-1, 1], [0, -1], [0, 1], [1, -1], [1, 0], [1, 1] ]; kingMoves.forEach(move => { const newRow = startRow + move[0]; const newCol = startCol + move[1]; if (newRow >= 0 && newRow < 8 && newCol >= 0 && newCol < 8) { const targetPiece = board[newRow][newCol]; if (targetPiece === '' || targetPiece.startsWith(color === 'w' ? 'b' : 'w')) { // TODO: Şahın gideceği yerin şah tehdidi altında olup olmadığını kontrol et moves.push({ row: newRow, col: newCol }); } } }); // TODO: Rok ekle break; } return moves; } // Hareketin geçerli olup olmadığını kontrol eden fonksiyon function isValidMove(startRow, startCol, endRow, endCol) { const piece = board[startRow][startCol]; if (!piece) return false; // Başlangıç karesinde taş yok const targetPiece = board[endRow][endCol]; const color = piece.startsWith('w') ? 'w' : 'b'; const opponentColor = color === 'w' ? 'b' : 'w'; // Kendi taşının üzerine gitme if (targetPiece && targetPiece.startsWith(color)) { return false; } const possibleMoves = getPossibleMoves(startRow, startCol); // Olası hareketler arasında hedef kare var mı kontrol et const isPossible = possibleMoves.some(move => move.row === endRow && move.col === endCol); if (!isPossible) { return false; } // Hareket sonrası kendi şahın şahta kalıp kalmadığını kontrol et (Bu kontrol getLegalMoves içinde yapılıyor) // Bu fonksiyon sadece temel hareket kurallarını kontrol etmeliydi. // getLegalMoves fonksiyonu zaten bu kontrolü yaptığı için bu kısım burada gereksiz olabilir. // Ancak, getPossibleMoves sadece temel hareketleri verir, şah kontrolü yapmaz. // Bu yüzden, hareketin yasal olup olmadığını kontrol etmek için getLegalMoves kullanılmalıdır. // TODO: isValidMove yerine getLegalMoves kullanılarak hareketin yasal olup olmadığı kontrol edilmeli. // Şimdilik basit bir isValidMove implementasyonu bırakıyorum, ancak bu tam doğru bir satranç motoru için yeterli değil. // Geçici olarak hareketi yap const originalEndPiece = board[endRow][endCol]; const originalStartPiece = board[startRow][startCol]; board[endRow][endCol] = originalStartPiece; board[startRow][startCol] = ''; // Hareket sonrası kendi şahımızın şahta olup olmadığını kontrol et const kingColor = originalStartPiece.startsWith('w') ? 'w' : 'b'; const isInCheckAfterMove = isCheck(kingColor); // Tahtayı eski durumuna geri getir board[startRow][startCol] = originalStartPiece; board[endRow][endCol] = originalEndPiece; // Eğer hareket sonrası şahta değilse ve hareket olası hareketlerden biriyse geçerli return isPossible && !isInCheckAfterMove; } // Oyunu başlatan fonksiyon function startGame() { // Başlangıç tahtasını kopyala board = initialBoard.map(row => [...row]); currentPlayer = 'w'; gameStatus = document.getElementById('game-status'); // Elementi tekrar al drawBoard(); } // Sayfa yüklendiğinde oyunu başlat document.addEventListener('DOMContentLoaded', startGame);