Chess Master

Loading Chess Arena...

🚀 MEGA UPDATE 🚀

CHESS MASTER CHALLENGE

Climb the ranks. Defeat legendary bots. Become a champion.

Choose Your Opponent

Bot

Your Turn

00:00

You

📊 Player Statistics

🏆 Total Wins

victories

❌ Total Losses

defeats

📈 Win Rate

success ratio

🔥 Current Streak

consecutive wins

⭐ Best Streak

personal record

♟️ Avg Moves

per game

Captured Pieces

Move History

Victory!

+100

New Rating 100

if (whiteWon) { animateRatingChange(oldRating, playerRating, 1500); } } // Render board function renderBoard() { const boardElement = document.getElementById('chessboard'); boardElement.innerHTML = ''; if (assetCache['chessboard_background']) { boardElement.style.backgroundImage = `url(${assetCache['chessboard_background'].src})`; } const whiteInCheck = gameActive && isPlayerTurn && isKingInCheck(gameBoard, true); for (let row = 0; row < 8; row++) { for (let col = 0; col < 8; col++) { const square = document.createElement('div'); square.className = 'chess-square'; square.style.left = `${col * 12.5}%`; square.style.top = `${row * 12.5}%`; square.setAttribute('data-row', row); square.setAttribute('data-col', col); const isLight = (row + col) % 2 === 0; const bgColor = isLight ? window.gameConfig.boardColors.light : window.gameConfig.boardColors.dark; square.style.backgroundColor = bgColor; if (selectedSquare && selectedSquare.row === row && selectedSquare.col === col) { square.classList.add('selected'); } const isValidMove = validMoves.some(m => m.row === row && m.col === col); if (isValidMove) { const hasCapture = gameBoard[row][col] !== '.'; square.classList.add(hasCapture ? 'capture-move' : 'valid-move'); } const piece = gameBoard[row][col]; if (whiteInCheck && piece === 'K') { square.style.animation = 'pulse 0.6s infinite'; } if (piece !== '.') { const pieceContainer = document.createElement('div'); pieceContainer.style.width = '100%'; pieceContainer.style.height = '100%'; pieceContainer.style.display = 'flex'; pieceContainer.style.alignItems = 'center'; pieceContainer.style.justifyContent = 'center'; const pieceImg = document.createElement('img'); pieceImg.className = 'chess-piece'; const assetId = getPieceAssetId(piece); if (assetCache[assetId]) { pieceImg.src = assetCache[assetId].src; } pieceContainer.appendChild(pieceImg); square.appendChild(pieceContainer); } square.addEventListener('click', () => handleSquareClick(row, col)); boardElement.appendChild(square); } } } // Handle square click function handleSquareClick(row, col) { if (!gameActive || !isPlayerTurn) return; const piece = gameBoard[row][col]; if (selectedSquare) { const isValidMove = validMoves.some(m => m.row === row && m.col === col); if (isValidMove) { makeMove(selectedSquare.row, selectedSquare.col, row, col); selectedSquare = null; validMoves = []; } else if (piece !== '.' && isWhite(piece)) { selectedSquare = { row, col }; validMoves = getValidMoves(gameBoard, row, col); } else { selectedSquare = null; validMoves = []; } } else { if (piece !== '.' && isWhite(piece)) { selectedSquare = { row, col }; validMoves = getValidMoves(gameBoard, row, col); if (validMoves.length === 0) { if (isCheckmate(gameBoard, true)) { endGameEnhanced(false); return; } else if (isStalemate(gameBoard, true)) { endGameEnhanced(false); return; } } } } renderBoard(); } // Update move history function updateMoveHistory() { const moveList = document.getElementById('move-list'); moveList.innerHTML = ''; if (moveHistory.length === 0) { const emptyMsg = document.createElement('div'); emptyMsg.style.color = 'var(--text-secondary)'; emptyMsg.style.fontSize = '13px'; emptyMsg.textContent = 'No moves yet'; moveList.appendChild(emptyMsg); return; } moveHistory.forEach((move, index) => { const entry = document.createElement('div'); entry.className = 'move-entry'; const moveNumber = Math.floor(index / 2) + 1; const isWhiteMove = index % 2 === 0; entry.textContent = isWhiteMove ? `${moveNumber}. ${move}` : `${moveNumber}... ${move}`; moveList.appendChild(entry); }); moveList.scrollTop = moveList.scrollHeight; } // Update captured pieces function updateCapturedPieces() { const capturedList = document.getElementById('captured-list'); capturedList.innerHTML = ''; [...capturedPieces.white, ...capturedPieces.black].forEach(piece => { const img = document.createElement('img'); img.className = 'captured-piece'; const assetId = getPieceAssetId(piece); if (assetCache[assetId]) { img.src = assetCache[assetId].src; } capturedList.appendChild(img); }); } // Update turn indicator function updateTurnIndicator() { const indicator = document.getElementById('turn-indicator'); indicator.textContent = isPlayerTurn ? 'Your Turn' : 'Bot Thinking...'; } // Update game timer function updateGameTimer() { if (!gameStartTime) return; const elapsed = Math.floor((Date.now() - gameStartTime) / 1000); const minutes = Math.floor(elapsed / 60); const seconds = elapsed % 60; const timerDisplay = document.getElementById('game-timer'); timerDisplay.textContent = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`; } // Start game with bot function startGame(bot) { playSound('button_click_sound'); currentBot = bot; gameBoard = initializeBoard(); selectedSquare = null; validMoves = []; moveHistory = []; capturedPieces = { white: [], black: [] }; isPlayerTurn = true; gameActive = true; whiteKingMoved = false; blackKingMoved = false; whiteRooksMoved = { left: false, right: false }; blackRooksMoved = { left: false, right: false }; enPassantTarget = null; gameStartTime = Date.now(); if (gameTimerInterval) clearInterval(gameTimerInterval); gameTimerInterval = setInterval(updateGameTimer, 100); document.getElementById('bot-selection-screen').style.display = 'none'; document.getElementById('game-screen').style.display = 'flex'; document.getElementById('bot-name-display').textContent = bot.name; document.getElementById('bot-rating-display').textContent = bot.minRating + '-' + bot.maxRating; document.getElementById('player-rating-display').textContent = playerRating; renderBoard(); updateMoveHistory(); updateCapturedPieces(); updateTurnIndicator(); } // Return to bot selection function returnToBotSelection() { playSound('button_click_sound'); gameActive = false; if (gameTimerInterval) { clearInterval(gameTimerInterval); gameTimerInterval = null; } const drawer = document.getElementById('game-info-drawer'); const backdrop = document.getElementById('drawer-backdrop'); drawer.classList.remove('is-open'); backdrop.classList.remove('is-visible'); document.body.style.overflow = ''; document.getElementById('game-screen').style.display = 'none'; document.getElementById('game-over-screen').style.display = 'none'; document.getElementById('bot-selection-screen').style.display = 'flex'; renderBotSelection(); } // Resign game function resignGame() { if (!gameActive) return; playSound('button_click_sound'); endGameEnhanced(false); } // Get rank title function getRankTitle(rating) { const thresholds = window.gameConfig.rankThresholds; for (const rank of thresholds) { if (rating >= rank.minRating && rating <= rank.maxRating) { return rank.title; } } return thresholds[thresholds.length - 1].title; } // Render bot selection function renderBotSelection() { const playerRatingDisplay = document.getElementById('profile-rating-number'); const playerRankDisplay = document.getElementById('player-rank-title'); const botList = document.getElementById('bot-list'); const theme = getTodaysCountryTheme(); if (playerRatingDisplay) playerRatingDisplay.textContent = playerRating; if (playerRankDisplay) playerRankDisplay.textContent = getRankTitle(playerRating); updateProgressBar(); const winsEl = document.getElementById('profile-wins'); const streakEl = document.getElementById('profile-streak'); const lossesEl = document.getElementById('profile-losses'); if (winsEl) winsEl.textContent = playerStats.wins; if (streakEl) streakEl.textContent = playerStats.winStreak; if (lossesEl) lossesEl.textContent = playerStats.losses; botList.innerHTML = ''; window.gameConfig.bots.forEach((bot, index) => { const card = document.createElement('div'); card.className = 'bot-card'; card.style.animation = `slideUp ${0.3 + index * 0.05}s ease-out`; const isLocked = playerRating < bot.minRating; if (isLocked) { card.classList.add('locked'); } else { card.classList.add('unlocked'); } const avatar = document.createElement('img'); avatar.className = 'bot-avatar'; if (assetCache[bot.avatarId]) { avatar.src = assetCache[bot.avatarId].src; } const info = document.createElement('div'); info.className = 'bot-info'; const name = document.createElement('div'); name.className = 'bot-name'; name.textContent = bot.name; const rating = document.createElement('div'); rating.className = 'bot-rating'; rating.textContent = `${bot.minRating}-${bot.maxRating}`; const description = document.createElement('div'); description.className = 'bot-description'; description.textContent = bot.description; const difficultyDiv = document.createElement('div'); difficultyDiv.className = 'bot-difficulty'; for (let i = 0; i < 6; i++) { const star = document.createElement('span'); star.className = 'difficulty-star'; if (i < bot.difficulty) { star.classList.add('active'); star.textContent = '★'; } else { star.textContent = '☆'; } difficultyDiv.appendChild(star); } info.appendChild(name); info.appendChild(rating); info.appendChild(description); info.appendChild(difficultyDiv); const button = document.createElement('button'); button.className = 'challenge-button'; button.textContent = isLocked ? '🔒' : 'Play'; button.disabled = isLocked; button.onclick = () => startGame(bot); card.appendChild(avatar); card.appendChild(info); card.appendChild(button); botList.appendChild(card); }); } // Get today's country theme function getTodaysCountryTheme() { const countries = window.gameConfig.dailyCountries; if (window.gameConfig.todayCountryIndex !== undefined) { const index = window.gameConfig.todayCountryIndex % countries.length; return countries[index]; } const today = new Date(); const dayOfYear = Math.floor((today - new Date(today.getFullYear(), 0, 0)) / 86400000); const countryIndex = dayOfYear % countries.length; return countries[countryIndex]; } // Apply country theme function applyCountryTheme() { const theme = getTodaysCountryTheme(); window.gameConfig.boardColors.light = theme.lightColor; window.gameConfig.boardColors.dark = theme.darkColor; document.documentElement.style.setProperty('--primary', theme.primaryColor); document.documentElement.style.setProperty('--accent', theme.accentColor); const dailySpecial = document.getElementById('daily-special'); if (dailySpecial) { dailySpecial.textContent = `🌍 ${theme.country}`; } } // Main run function async function run(mode) { lib.log('run() called. Mode: ' + mode); currentMode = mode; applyCountryTheme(); document.getElementById('loading-screen').style.display = 'flex'; await preloadAssets(); try { const savedState = await lib.getUserGameState(); if (savedState && savedState.state) { if (savedState.state.rating !== undefined) { playerRating = savedState.state.rating; } if (savedState.state.stats !== undefined) { playerStats = savedState.state.stats; } } } catch (error) { lib.log(`Failed to load game progress: ${error.message}`); } const theme = getTodaysCountryTheme(); lib.showGameParameters({ name: 'Game Settings', params: { 'Today\'s Country': { key: 'gameConfig.todayCountryIndex', type: 'dropdown', options: window.gameConfig.dailyCountries.map((c, i) => ({ label: c.country, value: i })), onChange: (value) => { window.gameConfig.todayCountryIndex = parseInt(value); applyCountryTheme(); renderBotSelection(); } }, 'Light Square Color': { key: 'gameConfig.boardColors.light', type: 'color', onChange: (value) => { window.gameConfig.boardColors.light = value; renderBoard(); } }, 'Dark Square Color': { key: 'gameConfig.boardColors.dark', type: 'color', onChange: (value) => { window.gameConfig.boardColors.dark = value; renderBoard(); } } } }); setTimeout(() => { document.getElementById('loading-screen').style.display = 'none'; }, 500); renderBotSelection(); } const testBoard = JSON.parse(JSON.stringify(board)); testBoard[move.row][move.col] = testBoard[r][c]; testBoard[r][c] = '.'; const eval = minimax(testBoard, depth - 1, alpha, beta, true); minEval = Math.min(minEval, eval); beta = Math.min(beta, eval); if (beta <= alpha) break; } } } return minEval; } } // Evaluate board position function evaluateBoard(board) { let score = 0; for (let r = 0; r < 8; r++) { for (let c = 0; c < 8; c++) { const piece = board[r][c]; if (piece === '.') continue; const value = PIECE_VALUES[piece]; score += value; // Position bonuses if (piece.toLowerCase() === 'p') { const tableIndex = isWhite(piece) ? r * 8 + c : (7 - r) * 8 + c; score += isWhite(piece) ? PAWN_TABLE[tableIndex] : -PAWN_TABLE[tableIndex]; } else if (piece.toLowerCase() === 'n') { const tableIndex = isWhite(piece) ? r * 8 + c : (7 - r) * 8 + c; score += isWhite(piece) ? KNIGHT_TABLE[tableIndex] : -KNIGHT_TABLE[tableIndex]; } } } return score; } // End game with enhanced visuals // Tournament system let tournamentActive = false; let tournamentProgress = 0; let tournamentReward = 0; function startTournament() { tournamentActive = true; tournamentProgress = 0; tournamentReward = 0; lib.log('Tournament started!'); } function completeTournamentRound() { if (tournamentActive) { tournamentProgress++; tournamentReward += 25; if (tournamentProgress >= 3) { completeTournament(); } } } function completeTournament() { tournamentActive = false; playerRating += tournamentReward; playerStats.totalGames += 3; try { lib.saveUserGameState({ rating: playerRating, stats: playerStats }); } catch (error) { lib.log(`Failed to save tournament progress: ${error.message}`); } lib.log(`Tournament completed! Earned ${tournamentReward} rating points!`); } // Seasonal rewards function getSeasonalBonus() { const season = getCurrentSeason(); const bonusMap = { 'Spring': 1.1, 'Summer': 1.15, 'Autumn': 1.2, 'Winter': 1.25 }; return bonusMap[season.name] || 1.0; } // Enhanced end game with seasonal bonuses async function endGameEnhanced(whiteWon) { gameActive = false; const gameOverScreen = document.getElementById('game-over-screen'); const gameOverTitle = document.getElementById('game-over-title'); const ratingChange = document.getElementById('rating-change'); const newRatingDisplay = document.getElementById('new-rating'); const oldRating = playerRating; let pointsEarned = 0; const seasonalBonus = getSeasonalBonus(); if (whiteWon === null) { gameOverTitle.textContent = 'Defeat'; gameOverTitle.className = 'defeat'; ratingChange.textContent = '+0'; playSound('defeat_sound'); playerStats.losses++; playerStats.winStreak = 0; } else if (whiteWon) { gameOverTitle.textContent = 'Victory!'; gameOverTitle.className = 'victory'; pointsEarned = Math.floor((currentBot.maxRating - currentBot.minRating) * seasonalBonus); playerRating += pointsEarned; ratingChange.textContent = `+${pointsEarned}`; playSound('victory_sound'); playerStats.wins++; playerStats.winStreak++; playerStats.totalGames++; playerStats.totalMoves += moveHistory.length; playerStats.averageMoves = Math.round(playerStats.totalMoves / playerStats.totalGames); if (playerStats.winStreak > playerStats.maxWinStreak) { playerStats.maxWinStreak = playerStats.winStreak; } if (!playerStats.bestOpponent || currentBot.difficulty > playerStats.bestOpponent.difficulty) { playerStats.bestOpponent = { name: currentBot.name, difficulty: currentBot.difficulty }; } // Check if daily challenge is completed if (dailyChallenge && !dailyChallenge.completed) { if (dailyChallenge.name === 'Grandmaster Hunt' && currentBot.difficulty === 6) { dailyChallenge.completed = true; playerRating += dailyChallenge.reward; pointsEarned += dailyChallenge.reward; ratingChange.textContent = `+${pointsEarned}`; } } // Complete tournament round if active if (tournamentActive) { completeTournamentRound(); } } else { gameOverTitle.textContent = 'Defeat'; gameOverTitle.className = 'defeat'; ratingChange.textContent = '+0'; playSound('defeat_sound'); playerStats.losses++; playerStats.winStreak = 0; playerStats.totalGames++; playerStats.totalMoves += moveHistory.length; playerStats.averageMoves = Math.round(playerStats.totalMoves / playerStats.totalGames); } // Save player data try { await lib.saveUserGameState({ rating: playerRating, stats: playerStats }); lib.log('Game progress saved successfully'); } catch (error) { lib.log(`Failed to save game progress: ${error.message}`); } newRatingDisplay.querySelector('.rating-value').textContent = playerRating; gameOverScreen.style.display = 'flex'; gameOverScreen.style.animation = 'fadeIn 0.3s ease-out'; if (whiteWon) { animateRatingChange(oldRating, playerRating, 1500); } } const newAchievements = []; if (whiteWon) { // First win if (playerStats.wins === 1 && !ACHIEVEMENTS.first_win.unlocked) { ACHIEVEMENTS.first_win.unlocked = true; newAchievements.push(ACHIEVEMENTS.first_win); } // Five wins if (playerStats.wins === 5 && !ACHIEVEMENTS.five_wins.unlocked) { ACHIEVEMENTS.five_wins.unlocked = true; newAchievements.push(ACHIEVEMENTS.five_wins); } // Ten wins if (playerStats.wins === 10 && !ACHIEVEMENTS.ten_wins.unlocked) { ACHIEVEMENTS.ten_wins.unlocked = true; newAchievements.push(ACHIEVEMENTS.ten_wins); } // Win streak 3 if (playerStats.winStreak === 3 && !ACHIEVEMENTS.win_streak_3.unlocked) { ACHIEVEMENTS.win_streak_3.unlocked = true; newAchievements.push(ACHIEVEMENTS.win_streak_3); } // Win streak 5 if (playerStats.winStreak === 5 && !ACHIEVEMENTS.win_streak_5.unlocked) { ACHIEVEMENTS.win_streak_5.unlocked = true; newAchievements.push(ACHIEVEMENTS.win_streak_5); } // Beat grandmaster if (currentBot.difficulty === 6 && !ACHIEVEMENTS.beat_grandmaster.unlocked) { ACHIEVEMENTS.beat_grandmaster.unlocked = true; newAchievements.push(ACHIEVEMENTS.beat_grandmaster); } // Perfect game (no pieces captured) if (capturedPieces.white.length === 0 && !ACHIEVEMENTS.perfect_game.unlocked) { ACHIEVEMENTS.perfect_game.unlocked = true; newAchievements.push(ACHIEVEMENTS.perfect_game); } // Speed win (under 2 minutes) const gameTime = (Date.now() - gameStartTime) / 1000; if (gameTime < 120 && !ACHIEVEMENTS.speed_win.unlocked) { ACHIEVEMENTS.speed_win.unlocked = true; newAchievements.push(ACHIEVEMENTS.speed_win); } } // Rating milestones if (playerRating >= 500 && !ACHIEVEMENTS.rating_500.unlocked) { ACHIEVEMENTS.rating_500.unlocked = true; newAchievements.push(ACHIEVEMENTS.rating_500); } if (playerRating >= 1000 && !ACHIEVEMENTS.rating_1000.unlocked) { ACHIEVEMENTS.rating_1000.unlocked = true; newAchievements.push(ACHIEVEMENTS.rating_1000); } return newAchievements; } // End game with enhanced visuals async function endGame(whiteWon) { gameActive = false; const gameOverScreen = document.getElementById('game-over-screen'); const gameOverTitle = document.getElementById('game-over-title'); const ratingChange = document.getElementById('rating-change'); const newRatingDisplay = document.getElementById('new-rating'); const oldRating = playerRating; let pointsEarned = 0; if (whiteWon === null) { // Draw - treated as loss (stalemate disabled) gameOverTitle.textContent = 'Defeat'; gameOverTitle.className = 'defeat'; ratingChange.textContent = '+0'; playSound('defeat_sound'); playerStats.losses++; playerStats.winStreak = 0; } else if (whiteWon) { // Player won gameOverTitle.textContent = 'Victory!'; gameOverTitle.className = 'victory'; pointsEarned = currentBot.maxRating - currentBot.minRating; playerRating += pointsEarned; ratingChange.textContent = `+${pointsEarned}`; playSound('victory_sound'); // Update statistics playerStats.wins++; playerStats.winStreak++; playerStats.totalGames++; playerStats.totalMoves += moveHistory.length; playerStats.averageMoves = Math.round(playerStats.totalMoves / playerStats.totalGames); if (playerStats.winStreak > playerStats.maxWinStreak) { playerStats.maxWinStreak = playerStats.winStreak; } if (!playerStats.bestOpponent || currentBot.difficulty > playerStats.bestOpponent.difficulty) { playerStats.bestOpponent = { name: currentBot.name, difficulty: currentBot.difficulty }; } } else { // Player lost gameOverTitle.textContent = 'Defeat'; gameOverTitle.className = 'defeat'; ratingChange.textContent = '+0'; playSound('defeat_sound'); playerStats.losses++; playerStats.winStreak = 0; playerStats.totalGames++; playerStats.totalMoves += moveHistory.length; playerStats.averageMoves = Math.round(playerStats.totalMoves / playerStats.totalGames); } // Check achievements const newAchievements = checkAchievements(whiteWon); if (newAchievements.length > 0) { playerStats.achievements = playerStats.achievements || []; newAchievements.forEach(ach => { if (!playerStats.achievements.find(a => a.name === ach.name)) { playerStats.achievements.push(ach); } }); } // Save player data with error handling try { await lib.saveUserGameState({ rating: playerRating, stats: playerStats, achievements: Object.values(ACHIEVEMENTS).filter(a => a.unlocked) }); lib.log('Game progress saved successfully'); } catch (error) { lib.log(`Failed to save game progress: ${error.message}`); } // Submit score to leaderboard try { const leaderboardResponse = await lib.addPlayerScoreToLeaderboard(playerRating, 10); if (leaderboardResponse.success) { leaderboardData.entries = leaderboardResponse.entries; leaderboardData.userRank = leaderboardResponse.userRank; lib.log(`Leaderboard updated! Your rank: ${leaderboardResponse.userRank}`); } } catch (error) { lib.log(`Failed to update leaderboard: ${error.message}`); } newRatingDisplay.querySelector('.rating-value').textContent = playerRating; gameOverScreen.style.display = 'flex'; gameOverScreen.style.animation = 'fadeIn 0.3s ease-out'; // Animate rating change if (whiteWon) { animateRatingChange(oldRating, playerRating, 1500); } } // Render board with enhanced visuals function renderBoard() { const boardElement = document.getElementById('chessboard'); boardElement.innerHTML = ''; // Set background if (assetCache['chessboard_background']) { boardElement.style.backgroundImage = `url(${assetCache['chessboard_background'].src})`; } // Apply country theme border const theme = getTodaysCountryTheme(); boardElement.style.borderColor = theme.primaryColor; boardElement.style.boxShadow = `0 20px 60px ${theme.primaryColor}50, 0 0 40px ${theme.accentColor}30`; // Check if white king is in check const whiteInCheck = gameActive && isPlayerTurn && isKingInCheck(gameBoard, true); for (let row = 0; row < 8; row++) { for (let col = 0; col < 8; col++) { const square = document.createElement('div'); square.className = 'chess-square'; square.style.left = `${col * 12.5}%`; square.style.top = `${row * 12.5}%`; square.setAttribute('data-row', row); square.setAttribute('data-col', col); // Apply board colors const isLight = (row + col) % 2 === 0; const bgColor = isLight ? window.gameConfig.boardColors.light : window.gameConfig.boardColors.dark; square.style.backgroundColor = bgColor; // Highlight selected square if (selectedSquare && selectedSquare.row === row && selectedSquare.col === col) { square.classList.add('selected'); } // Highlight valid moves const isValidMove = validMoves.some(m => m.row === row && m.col === col); if (isValidMove) { const hasCapture = gameBoard[row][col] !== '.'; square.classList.add(hasCapture ? 'capture-move' : 'valid-move'); } // Highlight check const piece = gameBoard[row][col]; if (whiteInCheck && piece === 'K') { square.style.animation = 'checkPulse 0.6s infinite'; } // Add piece with enhanced styling if (piece !== '.') { const pieceContainer = document.createElement('div'); pieceContainer.style.width = '100%'; pieceContainer.style.height = '100%'; pieceContainer.style.display = 'flex'; pieceContainer.style.alignItems = 'center'; pieceContainer.style.justifyContent = 'center'; pieceContainer.style.position = 'relative'; const pieceImg = document.createElement('img'); pieceImg.className = 'chess-piece'; pieceImg.style.filter = 'drop-shadow(0 2px 4px rgba(0,0,0,0.3))'; const assetId = getPieceAssetId(piece); if (assetCache[assetId]) { pieceImg.src = assetCache[assetId].src; } else { // Fallback: colored rectangle pieceImg.style.display = 'none'; pieceContainer.style.backgroundColor = isWhite(piece) ? '#ffffff' : '#000000'; pieceContainer.style.borderRadius = '50%'; } pieceContainer.appendChild(pieceImg); square.appendChild(pieceContainer); } square.addEventListener('click', () => handleSquareClick(row, col)); boardElement.appendChild(square); } } } // Handle square click function handleSquareClick(row, col) { if (!gameActive || !isPlayerTurn) return; const piece = gameBoard[row][col]; // If a piece is selected if (selectedSquare) { // Check if clicked square is a valid move const isValidMove = validMoves.some(m => m.row === row && m.col === col); if (isValidMove) { makeMove(selectedSquare.row, selectedSquare.col, row, col); selectedSquare = null; validMoves = []; } else if (piece !== '.' && isWhite(piece)) { // Select different piece selectedSquare = { row, col }; validMoves = getValidMoves(gameBoard, row, col); } else { // Deselect selectedSquare = null; validMoves = []; } } else { // Select piece if (piece !== '.' && isWhite(piece)) { selectedSquare = { row, col }; validMoves = getValidMoves(gameBoard, row, col); // Check if player has any legal moves at all if (validMoves.length === 0) { // Check if this is checkmate or stalemate if (isCheckmate(gameBoard, true)) { endGameEnhanced(false); return; } else if (isStalemate(gameBoard, true)) { endGameEnhanced(false); return; } } } } renderBoard(); } // Update move history function updateMoveHistory() { const moveList = document.getElementById('move-list'); moveList.innerHTML = ''; if (moveHistory.length === 0) { const emptyMsg = document.createElement('div'); emptyMsg.style.color = 'var(--color-text-tertiary)'; emptyMsg.style.fontSize = '13px'; emptyMsg.textContent = 'No moves yet'; moveList.appendChild(emptyMsg); return; } moveHistory.forEach((move, index) => { const entry = document.createElement('div'); entry.className = 'move-entry'; const moveNumber = Math.floor(index / 2) + 1; const isWhiteMove = index % 2 === 0; entry.textContent = isWhiteMove ? `${moveNumber}. ${move}` : `${moveNumber}... ${move}`; moveList.appendChild(entry); }); moveList.scrollTop = moveList.scrollHeight; } // Update captured pieces function updateCapturedPieces() { const capturedList = document.getElementById('captured-list'); capturedList.innerHTML = ''; [...capturedPieces.white, ...capturedPieces.black].forEach(piece => { const img = document.createElement('img'); img.className = 'captured-piece'; const assetId = getPieceAssetId(piece); if (assetCache[assetId]) { img.src = assetCache[assetId].src; } capturedList.appendChild(img); }); } // Update turn indicator function updateTurnIndicator() { const indicator = document.getElementById('turn-indicator'); indicator.textContent = isPlayerTurn ? 'Your Turn' : 'Bot Thinking...'; } // Update game timer function updateGameTimer() { if (!gameStartTime) return; const elapsed = Math.floor((Date.now() - gameStartTime) / 1000); const minutes = Math.floor(elapsed / 60); const seconds = elapsed % 60; const timerDisplay = document.getElementById('game-timer'); timerDisplay.textContent = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`; } // Start game with bot function startGame(bot) { playSound('button_click_sound'); currentBot = bot; gameBoard = initializeBoard(); selectedSquare = null; validMoves = []; moveHistory = []; capturedPieces = { white: [], black: [] }; isPlayerTurn = true; gameActive = true; whiteKingMoved = false; blackKingMoved = false; whiteRooksMoved = { left: false, right: false }; blackRooksMoved = { left: false, right: false }; enPassantTarget = null; // Initialize timer gameStartTime = Date.now(); if (gameTimerInterval) clearInterval(gameTimerInterval); gameTimerInterval = setInterval(updateGameTimer, 100); document.getElementById('bot-selection-screen').style.display = 'none'; document.getElementById('game-screen').style.display = 'flex'; document.getElementById('bot-name-display').textContent = bot.name; document.getElementById('bot-rating-display').textContent = bot.minRating + '-' + bot.maxRating; document.getElementById('player-rating-display').textContent = playerRating; // Show double score badge if active const doubleBadge = document.getElementById('double-score-badge'); if (window.gameConfig.doubleScoreActive) { doubleBadge.style.display = 'block'; doubleBadge.style.animation = 'pulse 1s ease-in-out infinite'; } else { doubleBadge.style.display = 'none'; } renderBoard(); updateMoveHistory(); updateCapturedPieces(); updateTurnIndicator(); } // Return to bot selection function returnToBotSelection() { playSound('button_click_sound'); gameActive = false; // Clear timer if (gameTimerInterval) { clearInterval(gameTimerInterval); gameTimerInterval = null; } // Close drawer if open const drawer = document.getElementById('game-info-drawer'); const backdrop = document.getElementById('drawer-backdrop'); drawer.classList.remove('is-open'); backdrop.classList.remove('is-visible'); document.body.style.overflow = ''; document.getElementById('game-screen').style.display = 'none'; document.getElementById('game-over-screen').style.display = 'none'; document.getElementById('bot-selection-screen').style.display = 'flex'; renderBotSelection(); // Reload leaderboard with updated data loadLeaderboard(); } // Resign game function resignGame() { if (!gameActive) return; playSound('button_click_sound'); endGameEnhanced(false); } // Render bot selection function renderBotSelection() { const profileRatingNumber = document.getElementById('profile-rating-number'); const profileRankTitle = document.getElementById('player-rank-title'); const botList = document.getElementById('bot-list'); const theme = getTodaysCountryTheme(); profileRatingNumber.textContent = playerRating; profileRankTitle.textContent = getRankTitle(playerRating); updateProgressBar(); document.getElementById('profile-wins').textContent = playerStats.wins; document.getElementById('profile-streak').textContent = playerStats.winStreak; document.getElementById('profile-losses').textContent = playerStats.losses; botList.innerHTML = ''; window.gameConfig.bots.forEach((bot, index) => { const card = document.createElement('div'); card.className = 'bot-card'; card.style.animation = `slideUp ${0.3 + index * 0.05}s ease-out`; const isLocked = playerRating < bot.minRating; if (isLocked) { card.classList.add('locked'); } else { card.classList.add('unlocked'); } const avatar = document.createElement('img'); avatar.className = 'bot-avatar'; if (assetCache[bot.avatarId]) { avatar.src = assetCache[bot.avatarId].src; } const info = document.createElement('div'); info.className = 'bot-info'; const name = document.createElement('div'); name.className = 'bot-name'; name.textContent = bot.name; const rating = document.createElement('div'); rating.className = 'bot-rating'; rating.textContent = `${bot.minRating}-${bot.maxRating}`; const description = document.createElement('div'); description.className = 'bot-description'; description.textContent = bot.description; const difficultyDiv = document.createElement('div'); difficultyDiv.className = 'bot-difficulty'; for (let i = 0; i < 6; i++) { const star = document.createElement('span'); star.className = 'difficulty-star'; if (i < bot.difficulty) { star.classList.add('active'); star.textContent = '★'; } else { star.textContent = '☆'; } difficultyDiv.appendChild(star); } info.appendChild(name); info.appendChild(rating); info.appendChild(description); info.appendChild(difficultyDiv); const button = document.createElement('button'); button.className = 'challenge-button'; button.textContent = isLocked ? '🔒' : 'Play'; button.disabled = isLocked; button.onclick = () => startGame(bot); card.appendChild(avatar); card.appendChild(info); card.appendChild(button); if (currentMode === 'edit') { card.onclick = (e) => { if (e.target === button) return; openBotEditor(index); }; } botList.appendChild(card); }); } // Open bot editor function openBotEditor(botIndex) { const bot = window.gameConfig.bots[botIndex]; lib.editMenu.open({ name: bot.name, params: { 'Name': { key: `gameConfig.bots.${botIndex}.name`, type: 'string', onChange: (value) => { window.gameConfig.bots[botIndex].name = value; renderBotSelection(); } }, 'Description': { key: `gameConfig.bots.${botIndex}.description`, type: 'string', onChange: (value) => { window.gameConfig.bots[botIndex].description = value; renderBotSelection(); } }, 'Min Rating': { key: `gameConfig.bots.${botIndex}.minRating`, type: 'number', onChange: (value) => { window.gameConfig.bots[botIndex].minRating = parseInt(value); renderBotSelection(); } }, 'Max Rating': { key: `gameConfig.bots.${botIndex}.maxRating`, type: 'number', onChange: (value) => { window.gameConfig.bots[botIndex].maxRating = parseInt(value); renderBotSelection(); } }, 'Difficulty': { key: `gameConfig.bots.${botIndex}.difficulty`, type: 'slider', min: 1, max: 6, step: 1, onChange: (value) => { window.gameConfig.bots[botIndex].difficulty = parseInt(value); renderBotSelection(); } } }, onCopy: () => { const newBot = JSON.parse(JSON.stringify(bot)); newBot.name = bot.name + ' Copy'; window.gameConfig.bots.splice(botIndex + 1, 0, newBot); renderBotSelection(); }, onDelete: () => { if (window.gameConfig.bots.length > 2) { window.gameConfig.bots.splice(botIndex, 1); renderBotSelection(); } } }); } // Get today's country theme function getTodaysCountryTheme() { const countries = window.gameConfig.dailyCountries; // Check if there's a manual override for today's country if (window.gameConfig.todayCountryIndex !== undefined) { const index = window.gameConfig.todayCountryIndex % countries.length; return countries[index]; } // Otherwise use automatic daily rotation const today = new Date(); const dayOfYear = Math.floor((today - new Date(today.getFullYear(), 0, 0)) / 86400000); const countryIndex = dayOfYear % countries.length; return countries[countryIndex]; } // Apply country theme to entire game function applyCountryTheme() { const theme = getTodaysCountryTheme(); // Apply board colors window.gameConfig.boardColors.light = theme.lightColor; window.gameConfig.boardColors.dark = theme.darkColor; // Apply CSS variables for country theme document.documentElement.style.setProperty('--country-primary', theme.primaryColor); document.documentElement.style.setProperty('--country-accent', theme.accentColor); document.documentElement.style.setProperty('--country-light', theme.lightColor); document.documentElement.style.setProperty('--country-dark', theme.darkColor); // Update primary color throughout the game document.documentElement.style.setProperty('--color-primary', theme.primaryColor); document.documentElement.style.setProperty('--glow-primary', `0 0 30px ${theme.primaryColor}40`); // Update accent color document.documentElement.style.setProperty('--color-accent', theme.accentColor); document.documentElement.style.setProperty('--glow-accent', `0 0 30px ${theme.accentColor}40`); // Apply background gradient based on country colors const bgGradient = `linear-gradient(135deg, ${theme.darkColor}15 0%, ${theme.lightColor}15 50%, ${theme.darkColor}15 100%)`; document.body.style.background = `linear-gradient(135deg, #0f0f1f 0%, #1a1a2e 50%, #16213e 100%), ${bgGradient}`; document.body.style.backgroundBlendMode = 'overlay'; // Update player info section with country theme const playerInfo = document.getElementById('player-info'); if (playerInfo) { playerInfo.style.borderBottomColor = theme.primaryColor; playerInfo.style.background = `linear-gradient(135deg, ${theme.primaryColor}15 0%, ${theme.accentColor}10 100%)`; } // Update daily special display - removed country name const dailySpecial = document.getElementById('daily-special'); if (dailySpecial) { dailySpecial.textContent = `♟️ CHESS MASTER`; dailySpecial.style.color = theme.accentColor; dailySpecial.style.textShadow = `0 0 20px ${theme.accentColor}80`; } // Update game header with country theme const gameHeader = document.getElementById('game-header'); if (gameHeader) { gameHeader.style.borderBottomColor = theme.primaryColor; gameHeader.style.background = `linear-gradient(135deg, ${theme.primaryColor}15 0%, ${theme.accentColor}10 100%)`; } // Update action bar const actionBar = document.getElementById('game-action-bar'); if (actionBar) { actionBar.style.borderTopColor = theme.primaryColor; actionBar.style.background = `linear-gradient(135deg, ${theme.primaryColor}08 0%, ${theme.accentColor}08 100%)`; } } // Daily challenge system let dailyChallenge = null; function generateDailyChallenge() { const today = new Date().toDateString(); const lastChallengeDate = window.gameConfig.lastChallengeDateGenerated; if (lastChallengeDate !== today) { const challenges = [ { name: 'Speed Master', description: 'Win a game in under 3 minutes', reward: 50, icon: '⚡' }, { name: 'Perfect Defense', description: 'Win without losing any pieces', reward: 75, icon: '🛡️' }, { name: 'Grandmaster Hunt', description: 'Defeat the Grandmaster Bot', reward: 100, icon: '👑' }, { name: 'Tactical Genius', description: 'Win 3 games in a row', reward: 60, icon: '🧠' }, { name: 'Rising Star', description: 'Gain 200 rating points', reward: 80, icon: '⭐' } ]; dailyChallenge = challenges[Math.floor(Math.random() * challenges.length)]; dailyChallenge.completed = false; window.gameConfig.lastChallengeDateGenerated = today; window.gameConfig.dailyChallenge = dailyChallenge; } else { dailyChallenge = window.gameConfig.dailyChallenge || null; } return dailyChallenge; } // Seasonal events function getCurrentSeason() { const month = new Date().getMonth(); if (month >= 2 && month <= 4) return { name: 'Spring', icon: '🌸', color: '#10b981' }; if (month >= 5 && month <= 7) return { name: 'Summer', icon: '☀️', color: '#f59e0b' }; if (month >= 8 && month <= 10) return { name: 'Autumn', icon: '🍂', color: '#ef4444' }; return { name: 'Winter', icon: '❄️', color: '#3b82f6' }; } // Enhanced render bot selection with new features function renderBotSelectionEnhanced() { const playerRatingDisplay = document.getElementById('profile-rating-number'); const playerRankDisplay = document.getElementById('player-rank-title'); const botList = document.getElementById('bot-list'); const theme = getTodaysCountryTheme(); const season = getCurrentSeason(); if (playerRatingDisplay) playerRatingDisplay.textContent = playerRating; if (playerRankDisplay) playerRankDisplay.textContent = getRankTitle(playerRating); updateProgressBar(); // Update statistics display const winsEl = document.getElementById('profile-wins'); const streakEl = document.getElementById('profile-streak'); const lossesEl = document.getElementById('profile-losses'); if (winsEl) winsEl.textContent = playerStats.wins; if (streakEl) streakEl.textContent = playerStats.winStreak; if (lossesEl) lossesEl.textContent = playerStats.losses; botList.innerHTML = ''; window.gameConfig.bots.forEach((bot, index) => { const card = document.createElement('div'); card.className = 'bot-card'; card.style.animation = `slideUp ${0.3 + index * 0.05}s ease-out`; const isLocked = playerRating < bot.minRating; if (isLocked) { card.classList.add('locked'); } else { card.classList.add('unlocked'); } const avatar = document.createElement('img'); avatar.className = 'bot-avatar'; if (assetCache[bot.avatarId]) { avatar.src = assetCache[bot.avatarId].src; } const info = document.createElement('div'); info.className = 'bot-info'; const name = document.createElement('div'); name.className = 'bot-name'; name.textContent = bot.name; const rating = document.createElement('div'); rating.className = 'bot-rating'; rating.textContent = `${bot.minRating}-${bot.maxRating}`; const description = document.createElement('div'); description.className = 'bot-description'; description.textContent = bot.description; // Add difficulty indicator with enhanced styling const difficultyDiv = document.createElement('div'); difficultyDiv.className = 'bot-difficulty'; for (let i = 0; i < 6; i++) { const star = document.createElement('span'); star.className = 'difficulty-star'; star.style.transition = 'all 0.3s ease'; star.textContent = i < bot.difficulty ? '★' : '☆'; star.style.color = i < bot.difficulty ? theme.accentColor : 'rgba(255, 255, 255, 0.2)'; star.style.textShadow = i < bot.difficulty ? `0 0 8px ${theme.accentColor}80` : 'none'; difficultyDiv.appendChild(star); } info.appendChild(name); info.appendChild(rating); info.appendChild(description); info.appendChild(difficultyDiv); const button = document.createElement('button'); button.className = 'challenge-button'; button.textContent = isLocked ? '🔒' : 'Play'; button.disabled = isLocked; button.style.background = `linear-gradient(135deg, ${theme.primaryColor}, ${theme.accentColor})`; button.style.boxShadow = `0 8px 24px ${theme.primaryColor}60`; button.onclick = () => startGame(bot); card.appendChild(avatar); card.appendChild(info); card.appendChild(button); if (currentMode === 'edit') { card.onclick = (e) => { if (e.target === button) return; openBotEditor(index); }; } botList.appendChild(card); }); } // Main run function async function run(mode) { lib.log('run() called. Mode: ' + mode); currentMode = mode; // Apply daily country theme FIRST applyCountryTheme(); // Show loading screen document.getElementById('loading-screen').style.display = 'flex'; // Preload assets await preloadAssets(); // Load player rating and statistics from persistent storage try { const savedState = await lib.getUserGameState(); if (savedState && savedState.state) { if (savedState.state.rating !== undefined) { playerRating = savedState.state.rating; lib.log(`Loaded player rating: ${playerRating}`); } if (savedState.state.stats !== undefined) { playerStats = savedState.state.stats; lib.log(`Loaded player stats: ${JSON.stringify(playerStats)}`); } } else { lib.log('No saved game state found, starting with defaults'); } } catch (error) { lib.log(`Failed to load game progress: ${error.message}`); // Game continues with default values if load fails } // Show game parameters const theme = getTodaysCountryTheme(); lib.showGameParameters({ name: 'Game Settings', params: { 'Today\'s Country': { key: 'gameConfig.todayCountryIndex', type: 'dropdown', options: window.gameConfig.dailyCountries.map((c, i) => ({ label: c.country, value: i })), onChange: (value) => { window.gameConfig.todayCountryIndex = parseInt(value); applyCountryTheme(); renderBotSelectionEnhanced(); } }, 'Light Square Color': { key: 'gameConfig.boardColors.light', type: 'color', onChange: (value) => { window.gameConfig.boardColors.light = value; renderBoard(); } }, 'Dark Square Color': { key: 'gameConfig.boardColors.dark', type: 'color', onChange: (value) => { window.gameConfig.boardColors.dark = value; renderBoard(); } }, 'Double Score Event': { key: 'gameConfig.doubleScoreActive', type: 'checkbox', onChange: (value) => { window.gameConfig.doubleScoreActive = value; lib.log(`Double Score Event ${value ? 'ACTIVATED' : 'DEACTIVATED'}`); } } } }); // Hide loading screen with fade setTimeout(() => { document.getElementById('loading-screen').style.display = 'none'; }, 500); // Render bot selection with enhancements renderBotSelectionEnhanced(); }

Scacco Matto - Free Online Game on Astrocade