class CardGame { constructor() { this.deck = []; this.playerHand = []; this.botHand = []; this.discardPile = []; this.currentSuit = null; this.currentTurn = 'player'; this.gameState = 'playing'; this.drawPending = 0; this.skipNext = false; this.waitingForSuitChoice = false; this.cardsInPlay = new Set(); this.moveHistory = []; this.suits = ['hearts', 'diamonds', 'clubs', 'spades']; this.values = ['A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K']; this.suitSymbols = { hearts: '♥', diamonds: '♦', clubs: '♣', spades: '♠' }; this.initializeGame(); } initializeGame() { this.createDeck(); this.shuffleDeck(); this.dealCards(); this.drawStarterCard(); this.updateDisplay(); this.updateDebugInfo(); } createDeck() { this.deck = []; this.cardsInPlay.clear(); for (let suit of this.suits) { for (let value of this.values) { const card = { suit: suit, value: value, color: (suit === 'hearts' || suit === 'diamonds') ? 'red' : 'black', id: `${value}_${suit}` }; this.deck.push(card); this.cardsInPlay.add(card.id); } } const joker1 = { suit: 'joker', value: 'JOKER', color: 'any', id: 'joker_1' }; const joker2 = { suit: 'joker', value: 'JOKER', color: 'any', id: 'joker_2' }; this.deck.push(joker1, joker2); this.cardsInPlay.add(joker1.id); this.cardsInPlay.add(joker2.id); } shuffleDeck() { for (let i = this.deck.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [this.deck[i], this.deck[j]] = [this.deck[j], this.deck[i]]; } } dealCards() { for (let i = 0; i < 7; i++) { if (this.deck.length > 0) { this.playerHand.push(this.deck.pop()); } } for (let i = 0; i < 6; i++) { if (this.deck.length > 0) { this.botHand.push(this.deck.pop()); } } } drawStarterCard() { if (this.deck.length === 0) return; const starterCard = this.deck.pop(); this.discardPile.push(starterCard); this.currentSuit = starterCard.suit; this.handleStarterCard(starterCard); } handleStarterCard(starterCard) { let statusMessage = `Starter: ${starterCard.value}${starterCard.suit !== 'joker' ? ' of ' + starterCard.suit : ''}. `; switch (starterCard.value) { case '7': this.drawPending = 2; this.forceDrawCards('player', 2); statusMessage += "You drew 2 cards."; break; case 'JOKER': this.drawPending = 5; this.forceDrawCards('player', 5); statusMessage += "You drew 5 cards."; this.currentSuit = this.suits[Math.floor(Math.random() * this.suits.length)]; break; case 'A': case '8': this.currentTurn = 'bot'; statusMessage += `Bot starts first.`; setTimeout(() => this.botPlay(), 1000); break; case 'J': this.currentSuit = this.suits[Math.floor(Math.random() * this.suits.length)]; statusMessage += `Suit changed to ${this.currentSuit}.`; break; default: statusMessage += "Your turn!"; break; } this.drawPending = 0; this.updateGameStatus(statusMessage); } forceDrawCards(player, count) { const hand = player === 'player' ? this.playerHand : this.botHand; for (let i = 0; i < count; i++) { if (this.deck.length === 0) { this.reshuffleDiscard(); } if (this.deck.length > 0) { hand.push(this.deck.pop()); } } } canPlayCard(card) { if (this.discardPile.length === 0) return true; const topCard = this.discardPile[this.discardPile.length - 1]; // Cannot place J on top of J if (card.value === 'J' && topCard.value === 'J') { return false; } if (card.suit === 'joker') return true; if (card.value === 'J') return true; if (this.currentSuit === 'joker') return true; if (this.drawPending > 0) { return (card.value === '7') || (card.suit === 'joker'); } return card.suit === this.currentSuit || card.value === topCard.value; } playCard(cardIndex, isPlayer = true) { if (this.waitingForSuitChoice) return false; const hand = isPlayer ? this.playerHand : this.botHand; const card = hand[cardIndex]; if (!this.canPlayCard(card)) { if (isPlayer) { this.updateGameStatus('Cannot play that card!'); } return false; } hand.splice(cardIndex, 1); this.discardPile.push(card); this.moveHistory.push({ player: isPlayer ? 'player' : 'bot', card: card, timestamp: Date.now() }); this.handleSpecialCard(card, isPlayer); if (hand.length === 0) { this.gameState = 'finished'; if (isPlayer) { this.showConfetti(); this.updateGameStatus('You Win! 🎉'); } else { this.updateGameStatus('Bot Wins! 🤖'); } return true; } if (!this.waitingForSuitChoice) { this.switchTurn(); } this.updateDisplay(); this.updateDebugInfo(); if (this.currentTurn === 'bot' && this.gameState === 'playing' && !this.waitingForSuitChoice) { setTimeout(() => this.botPlay(), parseInt($('#aiThinkingTime').val()) || 1000); } return true; } switchTurn() { this.currentTurn = this.currentTurn === 'player' ? 'bot' : 'player'; } handleSpecialCard(card, isPlayer) { const nextPlayer = isPlayer ? 'bot' : 'player'; switch (card.value) { case 'A': case '8': this.switchTurn(); this.updateGameStatus(`${card.value} played! ${nextPlayer === 'bot' ? 'Bot' : 'You'} skipped.`); break; case '7': if (this.drawPending > 0) { this.drawPending += 2; this.updateGameStatus(`7 stacked! Next must draw ${this.drawPending} or defend.`); } else { this.drawPending = 2; this.updateGameStatus(`7 played! Next must draw 2 or defend.`); } break; case 'JOKER': if (this.drawPending > 0) { this.drawPending += 5; this.updateGameStatus(`Joker stacked! Next must draw ${this.drawPending} or defend.`); } else { this.drawPending = 5; this.updateGameStatus(`Joker played! Next must draw 5 or defend.`); } this.currentSuit = 'joker'; break; case 'J': if (isPlayer) { this.waitingForSuitChoice = true; $('#colorChooser').show(); this.updateGameStatus('Choose a suit!'); } else { const bestSuit = this.botChooseBestSuit(); this.currentSuit = bestSuit; this.updateGameStatus(`Bot chose ${bestSuit}!`); } break; } if (card.value !== 'J' && card.suit !== 'joker') { this.currentSuit = card.suit; } } botChooseBestSuit() { const suitCounts = { hearts: 0, diamonds: 0, clubs: 0, spades: 0 }; this.botHand.forEach(card => { if (card.suit !== 'joker' && suitCounts[card.suit] !== undefined) { suitCounts[card.suit]++; } }); let maxCount = 0; let bestSuit = 'hearts'; for (let suit in suitCounts) { if (suitCounts[suit] > maxCount) { maxCount = suitCounts[suit]; bestSuit = suit; } } return bestSuit; } drawCard(isPlayer = true) { const hand = isPlayer ? this.playerHand : this.botHand; if (this.deck.length === 0) { this.reshuffleDiscard(); } if (this.deck.length === 0) { this.updateGameStatus('No more cards!'); return; } if (this.drawPending > 0) { const cardsToDraw = this.drawPending; this.drawPending = 0; for (let i = 0; i < cardsToDraw; i++) { if (this.deck.length > 0) { hand.push(this.deck.pop()); } } this.updateGameStatus(`${isPlayer ? 'You' : 'Bot'} drew ${cardsToDraw} cards.`); // Don't switch turn when drawing penalty cards - it stays with the same player } else { hand.push(this.deck.pop()); this.updateGameStatus(`${isPlayer ? 'You' : 'Bot'} drew 1 card.`); this.switchTurn(); } this.updateDisplay(); this.updateDebugInfo(); if (this.currentTurn === 'bot' && this.gameState === 'playing') { setTimeout(() => this.botPlay(), parseInt($('#aiThinkingTime').val()) || 1000); } } reshuffleDiscard() { if (this.discardPile.length <= 1) return; const topCard = this.discardPile.pop(); this.deck = [...this.discardPile]; this.discardPile = [topCard]; this.shuffleDeck(); this.updateGameStatus('Deck reshuffled!'); } botPlay() { if (this.currentTurn !== 'bot' || this.gameState !== 'playing') return; const difficulty = $('#aiDifficulty').val() || 'advanced'; if (difficulty === 'simple') { this.simpleBotPlay(); } else { this.advancedBotPlay(); } } simpleBotPlay() { if (this.drawPending > 0) { const defensiveCards = this.botHand.filter(card => card.value === '7' || card.suit === 'joker' ); if (defensiveCards.length > 0) { const cardToPlay = defensiveCards[0]; const cardIndex = this.botHand.indexOf(cardToPlay); this.playCard(cardIndex, false); return; } else { this.drawCard(false); return; } } const playableCards = this.botHand.filter(card => this.canPlayCard(card)); if (playableCards.length > 0) { const cardToPlay = playableCards[0]; const cardIndex = this.botHand.indexOf(cardToPlay); this.playCard(cardIndex, false); } else { this.drawCard(false); } } advancedBotPlay() { const startTime = Date.now(); if (this.drawPending > 0) { const move = this.handlePenaltyCards(); this.executeBotMove(move); this.logPerformance(startTime, 'Penalty Handler'); return; } const playableCards = this.botHand.map((card, index) => ({ card: card, index: index, playable: this.canPlayCard(card), score: this.evaluateCard(card) })).filter(item => item.playable); if (playableCards.length > 0) { playableCards.sort((a, b) => b.score - a.score); const bestMove = this.selectBestMove(playableCards); this.playCard(bestMove.index, false); this.logPerformance(startTime, 'Advanced Heuristic'); } else { this.drawCard(false); this.logPerformance(startTime, 'Draw Decision'); } } handlePenaltyCards() { const defensiveCards = this.botHand.map((card, index) => ({ card: card, index: index, defensive: card.value === '7' || card.suit === 'joker' })).filter(item => item.defensive); if (defensiveCards.length > 0) { const jokers = defensiveCards.filter(item => item.card.suit === 'joker'); const sevens = defensiveCards.filter(item => item.card.value === '7'); if (this.drawPending >= 5 && sevens.length > 0) { return { type: 'play', index: sevens[0].index }; } if (jokers.length > 0) { return { type: 'play', index: jokers[0].index }; } return { type: 'play', index: defensiveCards[0].index }; } return { type: 'draw' }; } evaluateCard(card) { let score = 0; // Joker - very high value if (card.suit === 'joker') { score += 100; if (this.playerHand.length <= 3) score += 50; } // Seven - high value for offense if (card.value === '7') { score += 80; if (this.playerHand.length <= 4) score += 30; } // Skip cards - good for control if (card.value === 'A' || card.value === '8') { score += 60; if (this.playerHand.length === 1) score += 40; } // Jack - suit change if (card.value === 'J') { score += 50; const suitCount = this.countSuits(); if (suitCount[card.suit] < 2) score += 20; } // Regular cards - prefer to play them early score += 10; // Keep cards matching current suit if (card.suit === this.currentSuit) { score -= 5; } // Endgame strategy if (this.botHand.length <= 3) { if (this.isSpecialCard(card)) { score -= 20; } } return score; } selectBestMove(playableCards) { const difficulty = $('#aiDifficulty').val() || 'advanced'; if (difficulty === 'medium') { // Add some randomness for medium difficulty if (Math.random() < 0.3 && playableCards.length > 1) { return playableCards[1] || playableCards[0]; } } else if (difficulty === 'adaptive') { // Adaptive difficulty based on score difference const scoreDiff = this.playerHand.length - this.botHand.length; if (scoreDiff > 3 && Math.random() < 0.4) { // Player is losing badly, make occasional suboptimal moves const randomIndex = Math.floor(Math.random() * playableCards.length); return playableCards[randomIndex]; } } return playableCards[0]; } countSuits() { const counts = { hearts: 0, diamonds: 0, clubs: 0, spades: 0 }; this.botHand.forEach(card => { if (card.suit !== 'joker' && counts[card.suit] !== undefined) { counts[card.suit]++; } }); return counts; } executeBotMove(move) { if (move.type === 'play') { this.playCard(move.index, false); } else { this.drawCard(false); } } logPerformance(startTime, algorithm) { const elapsed = Date.now() - startTime; $('#aiAlgorithm').text(algorithm); $('#aiTime').text(elapsed + 'ms'); $('#debugAlgorithm').text(algorithm); } isSpecialCard(card) { return card.value === 'A' || card.value === '8' || card.value === '7' || card.value === 'J' || card.suit === 'joker'; } showConfetti() { // Create confetti container const confettiContainer = $('

'); $('body').append(confettiContainer); // Create confetti pieces for (let i = 0; i < 150; i++) { const confetti = $('

'); const colors = ['#f39c12', '#e74c3c', '#2ecc71', '#3498db', '#9b59b6', '#e67e22']; const color = colors[Math.floor(Math.random() * colors.length)]; confetti.css({ position: 'absolute', left: Math.random() * window.innerWidth + 'px', top: '-10px', width: '10px', height: '10px', backgroundColor: color, animation: `confetti-fall ${Math.random() * 3 + 2}s linear infinite`, animationDelay: Math.random() * 2 + 's' }); confettiContainer.append(confetti); } // Remove confetti after animation setTimeout(() => { confettiContainer.remove(); }, 5000); } updateDisplay() { this.renderPlayerCards(); this.renderBotCards(); this.renderDiscardPile(); this.updateCounts(); this.updateControls(); } renderPlayerCards() { const container = $('#playerCards'); container.empty(); // Hide player cards if they won if (this.gameState === 'finished' && this.playerHand.length === 0) { return; } this.playerHand.forEach((card, index) => { const cardElement = this.createCardElement(card, true); if (this.currentTurn === 'player' && this.canPlayCard(card) && !this.waitingForSuitChoice) { cardElement.addClass('playable'); } cardElement.click(() => { if (this.currentTurn === 'player' && this.gameState === 'playing' && !this.waitingForSuitChoice) { this.playCard(index, true); } }); container.append(cardElement); }); } renderBotCards() { const container = $('#botCards'); container.empty(); this.botHand.forEach(() => { const cardBack = $('

'); container.append(cardBack); }); } renderDiscardPile() { const container = $('#discardPile'); container.empty(); if (this.discardPile.length > 0) { const topCard = this.discardPile[this.discardPile.length - 1]; const cardElement = this.createCardElement(topCard, false); container.append(cardElement); } } createCardElement(card, clickable = false) { const cardDiv = $('

'); cardDiv.addClass(card.suit); if (card.suit === 'joker') { cardDiv.html('

JOKER

'); } else { const symbol = this.suitSymbols[card.suit]; cardDiv.html(`

${card.value}

${symbol}

`); } return cardDiv; } updateCounts() { $('#playerCardCount').text(this.playerHand.length); $('#botCardCount').text(this.botHand.length); $('#deckCount').text(this.deck.length); } updateControls() { const drawBtn = $('#drawCardBtn'); drawBtn.prop('disabled', this.currentTurn !== 'player' || this.gameState !== 'playing' || this.waitingForSuitChoice ); } updateGameStatus(message) { let suitIndicator = ''; let penaltyIndicator = ''; if (this.currentSuit && this.currentSuit !== 'joker') { const symbol = this.suitSymbols[this.currentSuit]; const color = (this.currentSuit === 'hearts' || this.currentSuit === 'diamonds') ? '#e74c3c' : '#2c3e50'; suitIndicator = `${symbol}`; } else if (this.currentSuit === 'joker') { suitIndicator = `🃏`; } if (this.drawPending > 0) { penaltyIndicator = `+${this.drawPending}`; } $('#gameStatus').html(message + suitIndicator + penaltyIndicator); } updateDebugInfo() { $('#totalCards').text(this.cardsInPlay.size); $('#debugDeck').text(this.deck.length); $('#debugPlayer').text(this.playerHand.length); $('#debugBot').text(this.botHand.length); $('#debugDiscard').text(this.discardPile.length); $('#debugSuit').text(this.currentSuit || 'none'); $('#debugPending').text(this.drawPending); } chooseSuit(suit) { this.currentSuit = suit; $('#colorChooser').hide(); this.waitingForSuitChoice = false; this.updateGameStatus(`You chose ${suit}!`); this.switchTurn(); this.updateDisplay(); if (this.currentTurn === 'bot' && this.gameState === 'playing') { setTimeout(() => this.botPlay(), parseInt($('#aiThinkingTime').val()) || 1000); } } } // Global variables let game; function startNewGame() { game = new CardGame(); window.game = game; } function drawCard() { if (game && game.currentTurn === 'player') { game.drawCard(true); } } function chooseSuit(suit) { if (game) { game.chooseSuit(suit); } } function toggleDebug() { $('#debugInfo').toggle(); } function togglePerformanceStats() { $('#performanceStats').toggle(); } // Initialize when page loads $(document).ready(function () { startNewGame(); $('#deck').click(function () { drawCard(); }); // Keyboard shortcuts $(document).keypress(function (e) { if (e.which === 100 || e.which === 68) { // 'D' key $('#debugInfo').toggle(); } }); }); //# sourceURL=after-libs/Views/Games/Makao.cshtml

Makao

Advanced AI Bot (6 cards)

You (7 cards)

Choose a Suit: