import React, { useState, useEffect, useCallback, useRef } from 'react'; import { Crown, Info, BarChart2, RefreshCw, X, Music, Music4, Home, Flame, ShieldAlert, Award, HelpCircle, Lightbulb, Heart, BookOpen, Clock, AlertTriangle, Play, Users, ArrowRight } from 'lucide-react'; const BOARD_SIZE = 8; const EMPTY = 0; const WHITE = 1; const BLACK = 2; const WHITE_KING = 3; const BLACK_KING = 4; const STORAGE_KEY = "damas_ultimate_progresso_v5"; const PONTOS_MINIMOS_HARDCORE = 10; const TEMPO_NORMAL = 10; const TEMPO_HARDCORE = 5; class AudioEngine { constructor() { this.ctx = null; this.oscillators = []; this.gainNode = null; this.isPlaying = false; } init() { if (!this.ctx) { this.ctx = new (window.AudioContext || window.webkitAudioContext)(); this.gainNode = this.ctx.createGain(); this.gainNode.gain.value = 0.02; this.gainNode.connect(this.ctx.destination); } } play() { if (this.isPlaying) return; this.init(); if (this.ctx.state === 'suspended') this.ctx.resume(); const freqs = [196.00, 246.94, 293.66, 392.00]; freqs.forEach(freq => { const osc = this.ctx.createOscillator(); osc.type = 'sine'; osc.frequency.value = freq; const lfo = this.ctx.createOscillator(); lfo.type = 'sine'; lfo.frequency.value = 0.04 + Math.random() * 0.08; const lfoGain = this.ctx.createGain(); lfoGain.gain.value = 0.03; lfo.connect(lfoGain.gain); osc.connect(lfoGain); lfoGain.connect(this.gainNode); osc.start(); lfo.start(); this.oscillators.push({ osc, lfo, lfoGain }); }); this.isPlaying = true; } stop() { if (!this.isPlaying) return; this.oscillators.forEach(nodes => { nodes.osc.stop(); nodes.lfo.stop(); nodes.osc.disconnect(); nodes.lfo.disconnect(); nodes.lfoGain.disconnect(); }); this.oscillators = []; this.isPlaying = false; } toggle() { if (this.isPlaying) this.stop(); else this.play(); return this.isPlaying; } } const audioElement = new AudioEngine(); const getInitialBoard = () => { const board = Array(BOARD_SIZE).fill(null).map(() => Array(BOARD_SIZE).fill(EMPTY)); for (let r = 0; r < 3; r++) { for (let c = 0; c < 8; c++) { if ((r + c) % 2 === 1) board[r][c] = BLACK; } } for (let r = 5; r < 8; r++) { for (let c = 0; c < 8; c++) { if ((r + c) % 2 === 1) board[r][c] = WHITE; } } return board; }; const isWhite = (piece) => piece === WHITE || piece === WHITE_KING; const isBlack = (piece) => piece === BLACK || piece === BLACK_KING; const isKing = (piece) => piece === WHITE_KING || piece === BLACK_KING; const getMovesForPiece = (board, r, c) => { const piece = board[r][c]; const moves = { normal: [], captures: [] }; if (piece === EMPTY) return moves; const pieceIsWhite = isWhite(piece); const dirs = []; if (pieceIsWhite || isKing(piece)) dirs.push([-1, -1], [-1, 1]); if (!pieceIsWhite || isKing(piece)) dirs.push([1, -1], [1, 1]); dirs.forEach(([dr, dc]) => { const r1 = r + dr, c1 = c + dc; if (r1 >= 0 && r1 < BOARD_SIZE && c1 >= 0 && c1 < BOARD_SIZE) { if (board[r1][c1] === EMPTY) { moves.normal.push({ from: { r, c }, to: { r: r1, c: c1 }, capture: null }); } } const r2 = r + dr * 2, c2 = c + dc * 2; if (r2 >= 0 && r2 < BOARD_SIZE && c2 >= 0 && c2 < BOARD_SIZE) { const midPiece = board[r1][c1]; if (midPiece !== EMPTY && board[r2][c2] === EMPTY) { if (pieceIsWhite !== isWhite(midPiece)) { moves.captures.push({ from: { r, c }, to: { r: r2, c: c2 }, capture: { r: r1, c: c1 } }); } } } }); return moves; }; const getAllValidMoves = (board, playerIsWhite, specificPiece = null) => { let allNormal = []; let allCaptures = []; for (let r = 0; r < BOARD_SIZE; r++) { for (let c = 0; c < BOARD_SIZE; c++) { const piece = board[r][c]; if (piece !== EMPTY && isWhite(piece) === playerIsWhite) { if (specificPiece && (specificPiece.r !== r || specificPiece.c !== c)) continue; const moves = getMovesForPiece(board, r, c); allNormal.push(...moves.normal); allCaptures.push(...moves.captures); } } } if (allCaptures.length > 0) return allCaptures; return specificPiece ? [] : allNormal; }; const applyMovePure = (board, move) => { const newBoard = board.map(row => [...row]); let piece = newBoard[move.from.r][move.from.c]; newBoard[move.to.r][move.to.c] = piece; newBoard[move.from.r][move.from.c] = EMPTY; if (move.capture) newBoard[move.capture.r][move.capture.c] = EMPTY; let promoted = false; if (piece === WHITE && move.to.r === 0) { newBoard[move.to.r][move.to.c] = WHITE_KING; promoted = true; } else if (piece === BLACK && move.to.r === BOARD_SIZE - 1) { newBoard[move.to.r][move.to.c] = BLACK_KING; promoted = true; } let chainCaptures = []; if (move.capture && !promoted) { chainCaptures = getMovesForPiece(newBoard, move.to.r, move.to.c).captures; } return { newBoard, promoted, chainCaptures }; }; const evaluateBoard = (board) => { let score = 0; for (let r = 0; r < BOARD_SIZE; r++) { for (let c = 0; c < BOARD_SIZE; c++) { const p = board[r][c]; if (p === WHITE) { score -= 100; score -= (4 - Math.abs(r - 3.5)) * 2; } else if (p === BLACK) { score += 100; score += (4 - Math.abs(r - 3.5)) * 2; } else if (p === WHITE_KING) { score -= 300; } else if (p === BLACK_KING) { score += 300; } } } return score; }; const minimax = (board, depth, isMaximizing, isWhiteTurn, specificPiece = null) => { if (depth === 0) return { score: evaluateBoard(board) }; const validMoves = getAllValidMoves(board, isWhiteTurn, specificPiece); if (validMoves.length === 0) return { score: isMaximizing ? -10000 : 10000 }; let bestMove = validMoves[0]; let bestScore = isMaximizing ? -Infinity : Infinity; for (let move of validMoves) { const { newBoard, promoted, chainCaptures } = applyMovePure(board, move); let nextIsMaximizing = isMaximizing; let nextIsWhiteTurn = isWhiteTurn; let nextSpecificPiece = null; if (move.capture && !promoted && chainCaptures.length > 0) { nextSpecificPiece = { r: move.to.r, c: move.to.c }; } else { nextIsMaximizing = !isMaximizing; nextIsWhiteTurn = !isWhiteTurn; } const { score } = minimax(newBoard, depth - 1, nextIsMaximizing, nextIsWhiteTurn, nextSpecificPiece); if (isMaximizing) { if (score > bestScore) { bestScore = score; bestMove = move; } } else { if (score < bestScore) { bestScore = score; bestMove = move; } } } return { score: bestScore, move: bestMove }; }; export default function App() { const [gameState, setGameState] = useState('menu'); // 'menu' | 'playing' const [gameMode, setGameMode] = useState('ai'); // 'ai' | 'friend' const [isHardcore, setIsHardcore] = useState(false); const [customModal, setCustomModal] = useState(null); // { title, message, type, onConfirm } // Sistema de Progreso e Pontos const [progresso, setProgresso] = useState({ pontos: 0, nivel: 1, bloqueioHardcoreAte: null }); useEffect(() => { const saved = localStorage.getItem(STORAGE_KEY); if (saved) { try { const parsed = JSON.parse(saved); setProgresso(parsed); } catch (e) {} } return () => audioElement.stop(); }, []); const salvarProgresso = (novoProg) => { setProgresso(novoProg); localStorage.setItem(STORAGE_KEY, JSON.stringify(novoProg)); }; const estaBloqueadoHardcore = () => { if (!progresso.bloqueioHardcoreAte) return false; if (Date.now() >= progresso.bloqueioHardcoreAte) { salvarProgresso({ ...progresso, bloqueioHardcoreAte: null }); return false; } return true; }; const getBloqueioRestante = () => { if (!progresso.bloqueioHardcoreAte) return 0; const diff = Math.ceil((progresso.bloqueioHardcoreAte - Date.now()) / 1000); return diff > 0 ? diff : 0; }; const dificuldadeAtual = () => { const depth = Math.min(3 + (progresso.nivel - 1), 7); const timeLimit = isHardcore ? Math.max(3, TEMPO_HARDCORE - (progresso.nivel - 1)) : Math.max(5, TEMPO_NORMAL - (progresso.nivel - 1)); return { depth, timeLimit }; }; const { depth: aiDepth, timeLimit: tempoPorJogada } = dificuldadeAtual(); // Estado do Jogo const [board, setBoard] = useState(getInitialBoard()); const [turn, setTurn] = useState(WHITE); const [selectedPiece, setSelectedPiece] = useState(null); const [validMoves, setValidMoves] = useState([]); const [mustCapturePiece, setMustCapturePiece] = useState(null); const [hintMove, setHintMove] = useState(null); const [hintMsg, setHintMsg] = useState("💡 Clique em 'Dica' para sugestão"); const [timeRemaining, setTimeRemaining] = useState(tempoPorJogada); const [matchSeconds, setMatchSeconds] = useState(0); const [winner, setWinner] = useState(null); const [gameOverModalOpen, setGameOverModalOpen] = useState(false); const [tutorialOpen, setTutorialOpen] = useState(false); const [sobreOpen, setSobreOpen] = useState(false); const [isMusicPlaying, setIsMusicPlaying] = useState(false); const [isAiThinking, setIsAiThinking] = useState(false); const handleTimeOut = useCallback(() => { setCustomModal({ title: "⏱️ TEMPO ESGOTADO!", message: "Acabou o tempo da jogada! Você perdeu a vez.", type: "warning", onConfirm: () => setCustomModal(null) }); setSelectedPiece(null); setValidMoves([]); setMustCapturePiece(null); setHintMove(null); setTurn(prev => prev === WHITE ? BLACK : WHITE); setTimeRemaining(tempoPorJogada); }, [tempoPorJogada]); useEffect(() => { if (gameState !== 'playing' || winner) return; if (gameMode === 'ai' && turn === BLACK) return; const interval = setInterval(() => { setTimeRemaining(prev => { if (prev <= 1) { handleTimeOut(); return tempoPorJogada; } return prev - 1; }); }, 1000); return () => clearInterval(interval); }, [gameState, winner, turn, gameMode, handleTimeOut, tempoPorJogada]); useEffect(() => { if (gameState !== 'playing' || winner) return; const matchInterval = setInterval(() => { setMatchSeconds(prev => prev + 1); }, 1000); return () => clearInterval(matchInterval); }, [gameState, winner]); const formatMatchTime = (secs) => { const mins = Math.floor(secs / 60); const s = secs % 60; return `${mins.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`; }; const toggleMusic = () => { setIsMusicPlaying(audioElement.toggle()); }; const executarJogada = (move) => { const newBoard = board.map(row => [...row]); let piece = newBoard[move.from.r][move.from.c]; newBoard[move.to.r][move.to.c] = piece; newBoard[move.from.r][move.from.c] = EMPTY; if (move.capture) newBoard[move.capture.r][move.capture.c] = EMPTY; let promoted = false; if (piece === WHITE && move.to.r === 0) { newBoard[move.to.r][move.to.c] = WHITE_KING; promoted = true; } else if (piece === BLACK && move.to.r === BOARD_SIZE - 1) { newBoard[move.to.r][move.to.c] = BLACK_KING; promoted = true; } setBoard(newBoard); setSelectedPiece(null); setValidMoves([]); setHintMove(null); setHintMsg("💡 Clique em 'Dica' para sugestão"); setTimeRemaining(tempoPorJogada); if (move.capture && !promoted) { const furtherMoves = getMovesForPiece(newBoard, move.to.r, move.to.c).captures; if (furtherMoves.length > 0) { setMustCapturePiece({ r: move.to.r, c: move.to.c }); if (gameMode === 'friend' || turn === WHITE) { setValidMoves(furtherMoves); setSelectedPiece({ r: move.to.r, c: move.to.c }); } return; } } setMustCapturePiece(null); checkGameStatus(newBoard, turn === WHITE ? BLACK : WHITE); }; const checkGameStatus = (currentBoard, nextTurn) => { let whiteCount = 0; let blackCount = 0; for (let r = 0; r < BOARD_SIZE; r++) { for (let c = 0; c < BOARD_SIZE; c++) { if (isWhite(currentBoard[r][c])) whiteCount++; if (isBlack(currentBoard[r][c])) blackCount++; } } if (whiteCount === 0) return handleGameOver(BLACK); if (blackCount === 0) return handleGameOver(WHITE); const nextMoves = getAllValidMoves(currentBoard, nextTurn === WHITE); if (nextMoves.length === 0) return handleGameOver(nextTurn === WHITE ? BLACK : WHITE); setTurn(nextTurn); }; const handleGameOver = (winningPlayer) => { setWinner(winningPlayer); setGameOverModalOpen(true); if (winningPlayer === WHITE) { let novosPontos = progresso.pontos + 1; let novoNivel = progresso.nivel; if (novosPontos >= novoNivel * 10) { novoNivel += 1; } salvarProgresso({ ...progresso, pontos: novosPontos, nivel: novoNivel }); } else { if (isHardcore) { const bloqueioAte = Date.now() + 60 * 1000; salvarProgresso({ pontos: 0, nivel: 1, bloqueioHardcoreAte: bloqueioAte }); } } }; const darDicaInteligente = () => { if (isHardcore) { setCustomModal({ title: "🚫 Modo Hardcore", message: "Dicas não estão disponíveis no Modo Hardcore!", type: "warning", onConfirm: () => setCustomModal(null) }); return; } if (isAiThinking || (turn === BLACK && gameMode === 'ai')) return; const moves = getAllValidMoves(board, true, mustCapturePiece); if (moves.length === 0) return; const result = minimax(board, 2, false, true, mustCapturePiece); const bestMove = result.move || moves[0]; setHintMove(bestMove); if (bestMove.capture) { setHintMsg("💡 DICA: Capture a peça inimiga! 🎯"); } else { setHintMsg("💡 DICA: Avance para a posição indicada ✅"); } }; const aiPlay = useCallback(() => { if (winner || turn === WHITE || gameMode !== 'ai') return; setIsAiThinking(true); setTimeout(() => { const availableMoves = getAllValidMoves(board, false, mustCapturePiece); if (availableMoves.length === 0) { setIsAiThinking(false); return handleGameOver(WHITE); } const result = minimax(board, aiDepth, true, false, mustCapturePiece); const chosenMove = result.move || availableMoves[0]; executarJogada(chosenMove); setIsAiThinking(false); }, 600); }, [board, turn, winner, mustCapturePiece, gameMode, aiDepth]); useEffect(() => { if (gameMode === 'ai' && turn === BLACK && !winner && gameState === 'playing') { aiPlay(); } }, [turn, winner, aiPlay, gameMode, gameState]); const handleSquareClick = (r, c) => { if (winner || isAiThinking || gameState !== 'playing') return; if (gameMode === 'ai' && turn !== WHITE) return; const move = validMoves.find(m => m.to.r === r && m.to.c === c); if (move) return executarJogada(move); if (mustCapturePiece && (mustCapturePiece.r !== r || mustCapturePiece.c !== c)) return; const piece = board[r][c]; const isCurrentPlayerPiece = (turn === WHITE && isWhite(piece)) || (turn === BLACK && isBlack(piece)); if (isCurrentPlayerPiece) { const allMoves = getAllValidMoves(board, turn === WHITE, mustCapturePiece); const movesForThisPiece = allMoves.filter(m => m.from.r === r && m.from.c === c); if (movesForThisPiece.length > 0) { setSelectedPiece({ r, c }); setValidMoves(movesForThisPiece); } else { setSelectedPiece(null); setValidMoves([]); } } else { setSelectedPiece(null); setValidMoves([]); } }; const startGame = (mode, hardcore = false) => { if (hardcore) { if (progresso.pontos < PONTOS_MINIMOS_HARDCORE) { setCustomModal({ title: "🔒 Modo Hardcore Bloqueado", message: `Você precisa de pelo menos ${PONTOS_MINIMOS_HARDCORE} pontos para desbloquear o Modo Hardcore!`, type: "warning", onConfirm: () => setCustomModal(null) }); return; } if (estaBloqueadoHardcore()) { setCustomModal({ title: "⏳ Penalidade Ativa", message: `Você foi derrotado no Hardcore recentemente. Aguarde ${getBloqueioRestante()}s para tentar novamente!`, type: "warning", onConfirm: () => setCustomModal(null) }); return; } } setGameMode(mode); setIsHardcore(hardcore); resetGame(); setGameState('playing'); }; const resetGame = () => { setBoard(getInitialBoard()); setTurn(WHITE); setSelectedPiece(null); setValidMoves([]); setMustCapturePiece(null); setWinner(null); setGameOverModalOpen(false); setHintMove(null); setHintMsg("💡 Clique em 'Dica' para sugestão"); setIsAiThinking(false); setMatchSeconds(0); const { timeLimit } = dificuldadeAtual(); setTimeRemaining(timeLimit); }; const handleMenuClick = () => { if (isHardcore && gameState === 'playing' && !winner) { setCustomModal({ title: "⚠️ SAIR NO MODO HARDCORE?", message: "Sair sem terminar a partida no Modo Hardcore fará você PERDER TUDO (pontos e nível zerados)! Tem certeza?", type: "danger", onConfirm: () => { salvarProgresso({ pontos: 0, nivel: 1, bloqueioHardcoreAte: Date.now() + 60000 }); setCustomModal(null); setGameState('menu'); } }); } else { setGameState('menu'); } }; if (gameState === 'menu') { const proximoNivelPontos = progresso.nivel * 10; const falta = proximoNivelPontos - progresso.pontos; const pontosFaltamHardcore = Math.max(0, PONTOS_MINIMOS_HARDCORE - progresso.pontos); const hardcoreLiberado = progresso.pontos >= PONTOS_MINIMOS_HARDCORE; const hardcoreBloqueadoTempo = getBloqueioRestante(); return (

DAMAS PREMIUM

{/* Painel de Progresso */}

Pontos

{progresso.pontos}

Nível IA

Nv. {progresso.nivel}

Próximo Nível

Faltam {falta} vitórias

{/* Botão Hardcore */} {!hardcoreLiberado ? ( ) : estaBloqueadoHardcore() ? ( ) : ( )}

{/* Modal Tutorial */} {tutorialOpen && (

Como Jogar Damas

🎯 Objetivo: Eliminar todas as peças do adversário ou deixá-lo sem movimentos possíveis.

📍 Tabuleiro: Tabuleiro 8x8. Joga-se apenas nas casas escuras. Você começa com 12 peças brancas nas 3 últimas fileiras.

♟️ Movimento: Peças comuns andam diagonalmente 1 casa para frente.

⚔️ Captura (Obrigatória!): Se houver uma peça inimiga adjacente e casa vazia atrás, você deve saltar e capturá-la. Capturas em cadeia são permitidas!

👑 Dama: Ao atingir a última fileira do adversário, a peça vira Dama (coroa) e pode andar e capturar em qualquer direção diagonal (frente e trás).

⏱️ Tempo: Cada jogada tem limite ({tempoPorJogada}s). Se esgotar, você perde a vez!

💀 Hardcore: Exige 10+ pontos. Sem dicas, sem reiniciar, e sair no meio apaga todo o seu progresso!

)} {/* Modal Sobre */} {sobreOpen && (

Sobre Este Jogo

Espero que você tenha gostado do jogo! 🥰

Este jogo foi feito com carinho como um simples passatempo. É o MEU PRIMEIRO PROJETO de programação! 🎉

Se puder me apoiar com feedback, dicas de código ou sugestões, ficarei muito feliz! 💻✨

Muito obrigado por jogar! ❤️

)} {/* Custom Modal */} {customModal && (

{customModal.title}

{customModal.message}

)}

); } const COR_CLARA_TAB = "#F5E6D3"; const COR_ESCURA_TAB = "#8B5A2B"; const COR_PECA_BRANCA_TAB = "#FFFAF0"; const COR_PECA_PRETA_TAB = "#2C2C2C"; const COR_DAMA_BORDA_TAB = "#FFD700"; const COR_DESTAQUE_MOVIMENTO = "#4CAF50"; const COR_DESTAQUE_CAPTURA = "#FF5722"; const COR_DESTAQUE_DICA = "#00BCD4"; const COR_SELECAO = "#03A9F4"; let turnText = ""; if (winner) turnText = 'Fim de Jogo'; else if (turn === WHITE) turnText = '🎮 Seu Turno — Brancas'; else turnText = gameMode === 'ai' ? '🤖 IA pensando... ⏳' : '🎮 Turno Amigo — Pretas'; let timerColor = "text-[#4CAF50]"; if (timeRemaining <= 3) timerColor = "text-[#FF4444] animate-pulse"; else if (timeRemaining <= 6) timerColor = "text-[#FF9800]"; return (

{/* Custom Modal in Game */} {customModal && (

{customModal.title}

{customModal.message}

)}

{/* Header */}

{isHardcore ? : } {isHardcore ? '💀 MODO HARDCORE' : `Damas Premium (Nv. ${progresso.nivel})`}

Partida: {formatMatchTime(matchSeconds)} {!isHardcore ? hintMsg : "🚫 Dicas Desativadas"}

{/* Status Bar */}

{turnText}

⏱️ {timeRemaining}s

{!isHardcore && ( )} {!isHardcore ? ( ) : ( )}

{/* Board */}

{board.map((row, r) => ( row.map((piece, c) => { const isDarkSquare = (r + c) % 2 === 1; const isSelected = selectedPiece?.r === r && selectedPiece?.c === c; const validMoveObj = validMoves.find(m => m.to.r === r && m.to.c === c); const isHintSquare = hintMove && hintMove.to.r === r && hintMove.to.c === c; return (

handleSquareClick(r, c)} className="w-10 h-10 sm:w-13 sm:h-13 md:w-[52px] md:h-[52px] flex items-center justify-center relative transition-colors duration-200" style={{ backgroundColor: isDarkSquare ? COR_ESCURA_TAB : COR_CLARA_TAB }} > {isSelected && (

)} {validMoveObj && (

)} {isHintSquare && (

)} {piece !== EMPTY && (

{isKing(piece) && } {!isKing(piece) && (

)}

); }) ))}

{/* Winner / Game Over Modal */} {gameOverModalOpen && (

{winner === WHITE ? '🏆' : '💀'}

{winner === WHITE ? 'VOCÊ VENCEU!' : (isHardcore ? 'DERROTA HARDCORE!' : 'A IA VENCEU!')}

⏳ Duração: {formatMatchTime(matchSeconds)}

{winner === WHITE ? 'Parabéns! +1 Ponto adicionado ao seu perfil.' : (isHardcore ? 'Você perdeu no Modo Hardcore! Todos os pontos foram zerados e você ficou bloqueado por 1 minuto.' : 'Mais sorte na próxima tentativa!')}

{winner === WHITE && ( )} {winner !== WHITE && !isHardcore && ( )}

)}

); }import React, { useState, useEffect, useCallback, useRef } from 'react'; import { Crown, Info, BarChart2, RefreshCw, X, Music, Music4, Home, Flame, ShieldAlert, Award, HelpCircle, Lightbulb, Heart, BookOpen, Clock, AlertTriangle, Play, Users, ArrowRight } from 'lucide-react'; const BOARD_SIZE = 8; const EMPTY = 0; const WHITE = 1; const BLACK = 2; const WHITE_KING = 3; const BLACK_KING = 4; const STORAGE_KEY = "damas_ultimate_progresso_v5"; const PONTOS_MINIMOS_HARDCORE = 10; const TEMPO_NORMAL = 10; const TEMPO_HARDCORE = 5; class AudioEngine { constructor() { this.ctx = null; this.oscillators = []; this.gainNode = null; this.isPlaying = false; } init() { if (!this.ctx) { this.ctx = new (window.AudioContext || window.webkitAudioContext)(); this.gainNode = this.ctx.createGain(); this.gainNode.gain.value = 0.02; this.gainNode.connect(this.ctx.destination); } } play() { if (this.isPlaying) return; this.init(); if (this.ctx.state === 'suspended') this.ctx.resume(); const freqs = [196.00, 246.94, 293.66, 392.00]; freqs.forEach(freq => { const osc = this.ctx.createOscillator(); osc.type = 'sine'; osc.frequency.value = freq; const lfo = this.ctx.createOscillator(); lfo.type = 'sine'; lfo.frequency.value = 0.04 + Math.random() * 0.08; const lfoGain = this.ctx.createGain(); lfoGain.gain.value = 0.03; lfo.connect(lfoGain.gain); osc.connect(lfoGain); lfoGain.connect(this.gainNode); osc.start(); lfo.start(); this.oscillators.push({ osc, lfo, lfoGain }); }); this.isPlaying = true; } stop() { if (!this.isPlaying) return; this.oscillators.forEach(nodes => { nodes.osc.stop(); nodes.lfo.stop(); nodes.osc.disconnect(); nodes.lfo.disconnect(); nodes.lfoGain.disconnect(); }); this.oscillators = []; this.isPlaying = false; } toggle() { if (this.isPlaying) this.stop(); else this.play(); return this.isPlaying; } } const audioElement = new AudioEngine(); const getInitialBoard = () => { const board = Array(BOARD_SIZE).fill(null).map(() => Array(BOARD_SIZE).fill(EMPTY)); for (let r = 0; r < 3; r++) { for (let c = 0; c < 8; c++) { if ((r + c) % 2 === 1) board[r][c] = BLACK; } } for (let r = 5; r < 8; r++) { for (let c = 0; c < 8; c++) { if ((r + c) % 2 === 1) board[r][c] = WHITE; } } return board; }; const isWhite = (piece) => piece === WHITE || piece === WHITE_KING; const isBlack = (piece) => piece === BLACK || piece === BLACK_KING; const isKing = (piece) => piece === WHITE_KING || piece === BLACK_KING; const getMovesForPiece = (board, r, c) => { const piece = board[r][c]; const moves = { normal: [], captures: [] }; if (piece === EMPTY) return moves; const pieceIsWhite = isWhite(piece); const dirs = []; if (pieceIsWhite || isKing(piece)) dirs.push([-1, -1], [-1, 1]); if (!pieceIsWhite || isKing(piece)) dirs.push([1, -1], [1, 1]); dirs.forEach(([dr, dc]) => { const r1 = r + dr, c1 = c + dc; if (r1 >= 0 && r1 < BOARD_SIZE && c1 >= 0 && c1 < BOARD_SIZE) { if (board[r1][c1] === EMPTY) { moves.normal.push({ from: { r, c }, to: { r: r1, c: c1 }, capture: null }); } } const r2 = r + dr * 2, c2 = c + dc * 2; if (r2 >= 0 && r2 < BOARD_SIZE && c2 >= 0 && c2 < BOARD_SIZE) { const midPiece = board[r1][c1]; if (midPiece !== EMPTY && board[r2][c2] === EMPTY) { if (pieceIsWhite !== isWhite(midPiece)) { moves.captures.push({ from: { r, c }, to: { r: r2, c: c2 }, capture: { r: r1, c: c1 } }); } } } }); return moves; }; const getAllValidMoves = (board, playerIsWhite, specificPiece = null) => { let allNormal = []; let allCaptures = []; for (let r = 0; r < BOARD_SIZE; r++) { for (let c = 0; c < BOARD_SIZE; c++) { const piece = board[r][c]; if (piece !== EMPTY && isWhite(piece) === playerIsWhite) { if (specificPiece && (specificPiece.r !== r || specificPiece.c !== c)) continue; const moves = getMovesForPiece(board, r, c); allNormal.push(...moves.normal); allCaptures.push(...moves.captures); } } } if (allCaptures.length > 0) return allCaptures; return specificPiece ? [] : allNormal; }; const applyMovePure = (board, move) => { const newBoard = board.map(row => [...row]); let piece = newBoard[move.from.r][move.from.c]; newBoard[move.to.r][move.to.c] = piece; newBoard[move.from.r][move.from.c] = EMPTY; if (move.capture) newBoard[move.capture.r][move.capture.c] = EMPTY; let promoted = false; if (piece === WHITE && move.to.r === 0) { newBoard[move.to.r][move.to.c] = WHITE_KING; promoted = true; } else if (piece === BLACK && move.to.r === BOARD_SIZE - 1) { newBoard[move.to.r][move.to.c] = BLACK_KING; promoted = true; } let chainCaptures = []; if (move.capture && !promoted) { chainCaptures = getMovesForPiece(newBoard, move.to.r, move.to.c).captures; } return { newBoard, promoted, chainCaptures }; }; const evaluateBoard = (board) => { let score = 0; for (let r = 0; r < BOARD_SIZE; r++) { for (let c = 0; c < BOARD_SIZE; c++) { const p = board[r][c]; if (p === WHITE) { score -= 100; score -= (4 - Math.abs(r - 3.5)) * 2; } else if (p === BLACK) { score += 100; score += (4 - Math.abs(r - 3.5)) * 2; } else if (p === WHITE_KING) { score -= 300; } else if (p === BLACK_KING) { score += 300; } } } return score; }; const minimax = (board, depth, isMaximizing, isWhiteTurn, specificPiece = null) => { if (depth === 0) return { score: evaluateBoard(board) }; const validMoves = getAllValidMoves(board, isWhiteTurn, specificPiece); if (validMoves.length === 0) return { score: isMaximizing ? -10000 : 10000 }; let bestMove = validMoves[0]; let bestScore = isMaximizing ? -Infinity : Infinity; for (let move of validMoves) { const { newBoard, promoted, chainCaptures } = applyMovePure(board, move); let nextIsMaximizing = isMaximizing; let nextIsWhiteTurn = isWhiteTurn; let nextSpecificPiece = null; if (move.capture && !promoted && chainCaptures.length > 0) { nextSpecificPiece = { r: move.to.r, c: move.to.c }; } else { nextIsMaximizing = !isMaximizing; nextIsWhiteTurn = !isWhiteTurn; } const { score } = minimax(newBoard, depth - 1, nextIsMaximizing, nextIsWhiteTurn, nextSpecificPiece); if (isMaximizing) { if (score > bestScore) { bestScore = score; bestMove = move; } } else { if (score < bestScore) { bestScore = score; bestMove = move; } } } return { score: bestScore, move: bestMove }; }; export default function App() { const [gameState, setGameState] = useState('menu'); // 'menu' | 'playing' const [gameMode, setGameMode] = useState('ai'); // 'ai' | 'friend' const [isHardcore, setIsHardcore] = useState(false); const [customModal, setCustomModal] = useState(null); // { title, message, type, onConfirm } // Sistema de Progreso e Pontos const [progresso, setProgresso] = useState({ pontos: 0, nivel: 1, bloqueioHardcoreAte: null }); useEffect(() => { const saved = localStorage.getItem(STORAGE_KEY); if (saved) { try { const parsed = JSON.parse(saved); setProgresso(parsed); } catch (e) {} } return () => audioElement.stop(); }, []); const salvarProgresso = (novoProg) => { setProgresso(novoProg); localStorage.setItem(STORAGE_KEY, JSON.stringify(novoProg)); }; const estaBloqueadoHardcore = () => { if (!progresso.bloqueioHardcoreAte) return false; if (Date.now() >= progresso.bloqueioHardcoreAte) { salvarProgresso({ ...progresso, bloqueioHardcoreAte: null }); return false; } return true; }; const getBloqueioRestante = () => { if (!progresso.bloqueioHardcoreAte) return 0; const diff = Math.ceil((progresso.bloqueioHardcoreAte - Date.now()) / 1000); return diff > 0 ? diff : 0; }; const dificuldadeAtual = () => { const depth = Math.min(3 + (progresso.nivel - 1), 7); const timeLimit = isHardcore ? Math.max(3, TEMPO_HARDCORE - (progresso.nivel - 1)) : Math.max(5, TEMPO_NORMAL - (progresso.nivel - 1)); return { depth, timeLimit }; }; const { depth: aiDepth, timeLimit: tempoPorJogada } = dificuldadeAtual(); // Estado do Jogo const [board, setBoard] = useState(getInitialBoard()); const [turn, setTurn] = useState(WHITE); const [selectedPiece, setSelectedPiece] = useState(null); const [validMoves, setValidMoves] = useState([]); const [mustCapturePiece, setMustCapturePiece] = useState(null); const [hintMove, setHintMove] = useState(null); const [hintMsg, setHintMsg] = useState("💡 Clique em 'Dica' para sugestão"); const [timeRemaining, setTimeRemaining] = useState(tempoPorJogada); const [matchSeconds, setMatchSeconds] = useState(0); const [winner, setWinner] = useState(null); const [gameOverModalOpen, setGameOverModalOpen] = useState(false); const [tutorialOpen, setTutorialOpen] = useState(false); const [sobreOpen, setSobreOpen] = useState(false); const [isMusicPlaying, setIsMusicPlaying] = useState(false); const [isAiThinking, setIsAiThinking] = useState(false); const handleTimeOut = useCallback(() => { setCustomModal({ title: "⏱️ TEMPO ESGOTADO!", message: "Acabou o tempo da jogada! Você perdeu a vez.", type: "warning", onConfirm: () => setCustomModal(null) }); setSelectedPiece(null); setValidMoves([]); setMustCapturePiece(null); setHintMove(null); setTurn(prev => prev === WHITE ? BLACK : WHITE); setTimeRemaining(tempoPorJogada); }, [tempoPorJogada]); useEffect(() => { if (gameState !== 'playing' || winner) return; if (gameMode === 'ai' && turn === BLACK) return; const interval = setInterval(() => { setTimeRemaining(prev => { if (prev <= 1) { handleTimeOut(); return tempoPorJogada; } return prev - 1; }); }, 1000); return () => clearInterval(interval); }, [gameState, winner, turn, gameMode, handleTimeOut, tempoPorJogada]); useEffect(() => { if (gameState !== 'playing' || winner) return; const matchInterval = setInterval(() => { setMatchSeconds(prev => prev + 1); }, 1000); return () => clearInterval(matchInterval); }, [gameState, winner]); const formatMatchTime = (secs) => { const mins = Math.floor(secs / 60); const s = secs % 60; return `${mins.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`; }; const toggleMusic = () => { setIsMusicPlaying(audioElement.toggle()); }; const executarJogada = (move) => { const newBoard = board.map(row => [...row]); let piece = newBoard[move.from.r][move.from.c]; newBoard[move.to.r][move.to.c] = piece; newBoard[move.from.r][move.from.c] = EMPTY; if (move.capture) newBoard[move.capture.r][move.capture.c] = EMPTY; let promoted = false; if (piece === WHITE && move.to.r === 0) { newBoard[move.to.r][move.to.c] = WHITE_KING; promoted = true; } else if (piece === BLACK && move.to.r === BOARD_SIZE - 1) { newBoard[move.to.r][move.to.c] = BLACK_KING; promoted = true; } setBoard(newBoard); setSelectedPiece(null); setValidMoves([]); setHintMove(null); setHintMsg("💡 Clique em 'Dica' para sugestão"); setTimeRemaining(tempoPorJogada); if (move.capture && !promoted) { const furtherMoves = getMovesForPiece(newBoard, move.to.r, move.to.c).captures; if (furtherMoves.length > 0) { setMustCapturePiece({ r: move.to.r, c: move.to.c }); if (gameMode === 'friend' || turn === WHITE) { setValidMoves(furtherMoves); setSelectedPiece({ r: move.to.r, c: move.to.c }); } return; } } setMustCapturePiece(null); checkGameStatus(newBoard, turn === WHITE ? BLACK : WHITE); }; const checkGameStatus = (currentBoard, nextTurn) => { let whiteCount = 0; let blackCount = 0; for (let r = 0; r < BOARD_SIZE; r++) { for (let c = 0; c < BOARD_SIZE; c++) { if (isWhite(currentBoard[r][c])) whiteCount++; if (isBlack(currentBoard[r][c])) blackCount++; } } if (whiteCount === 0) return handleGameOver(BLACK); if (blackCount === 0) return handleGameOver(WHITE); const nextMoves = getAllValidMoves(currentBoard, nextTurn === WHITE); if (nextMoves.length === 0) return handleGameOver(nextTurn === WHITE ? BLACK : WHITE); setTurn(nextTurn); }; const handleGameOver = (winningPlayer) => { setWinner(winningPlayer); setGameOverModalOpen(true); if (winningPlayer === WHITE) { let novosPontos = progresso.pontos + 1; let novoNivel = progresso.nivel; if (novosPontos >= novoNivel * 10) { novoNivel += 1; } salvarProgresso({ ...progresso, pontos: novosPontos, nivel: novoNivel }); } else { if (isHardcore) { const bloqueioAte = Date.now() + 60 * 1000; salvarProgresso({ pontos: 0, nivel: 1, bloqueioHardcoreAte: bloqueioAte }); } } }; const darDicaInteligente = () => { if (isHardcore) { setCustomModal({ title: "🚫 Modo Hardcore", message: "Dicas não estão disponíveis no Modo Hardcore!", type: "warning", onConfirm: () => setCustomModal(null) }); return; } if (isAiThinking || (turn === BLACK && gameMode === 'ai')) return; const moves = getAllValidMoves(board, true, mustCapturePiece); if (moves.length === 0) return; const result = minimax(board, 2, false, true, mustCapturePiece); const bestMove = result.move || moves[0]; setHintMove(bestMove); if (bestMove.capture) { setHintMsg("💡 DICA: Capture a peça inimiga! 🎯"); } else { setHintMsg("💡 DICA: Avance para a posição indicada ✅"); } }; const aiPlay = useCallback(() => { if (winner || turn === WHITE || gameMode !== 'ai') return; setIsAiThinking(true); setTimeout(() => { const availableMoves = getAllValidMoves(board, false, mustCapturePiece); if (availableMoves.length === 0) { setIsAiThinking(false); return handleGameOver(WHITE); } const result = minimax(board, aiDepth, true, false, mustCapturePiece); const chosenMove = result.move || availableMoves[0]; executarJogada(chosenMove); setIsAiThinking(false); }, 600); }, [board, turn, winner, mustCapturePiece, gameMode, aiDepth]); useEffect(() => { if (gameMode === 'ai' && turn === BLACK && !winner && gameState === 'playing') { aiPlay(); } }, [turn, winner, aiPlay, gameMode, gameState]); const handleSquareClick = (r, c) => { if (winner || isAiThinking || gameState !== 'playing') return; if (gameMode === 'ai' && turn !== WHITE) return; const move = validMoves.find(m => m.to.r === r && m.to.c === c); if (move) return executarJogada(move); if (mustCapturePiece && (mustCapturePiece.r !== r || mustCapturePiece.c !== c)) return; const piece = board[r][c]; const isCurrentPlayerPiece = (turn === WHITE && isWhite(piece)) || (turn === BLACK && isBlack(piece)); if (isCurrentPlayerPiece) { const allMoves = getAllValidMoves(board, turn === WHITE, mustCapturePiece); const movesForThisPiece = allMoves.filter(m => m.from.r === r && m.from.c === c); if (movesForThisPiece.length > 0) { setSelectedPiece({ r, c }); setValidMoves(movesForThisPiece); } else { setSelectedPiece(null); setValidMoves([]); } } else { setSelectedPiece(null); setValidMoves([]); } }; const startGame = (mode, hardcore = false) => { if (hardcore) { if (progresso.pontos < PONTOS_MINIMOS_HARDCORE) { setCustomModal({ title: "🔒 Modo Hardcore Bloqueado", message: `Você precisa de pelo menos ${PONTOS_MINIMOS_HARDCORE} pontos para desbloquear o Modo Hardcore!`, type: "warning", onConfirm: () => setCustomModal(null) }); return; } if (estaBloqueadoHardcore()) { setCustomModal({ title: "⏳ Penalidade Ativa", message: `Você foi derrotado no Hardcore recentemente. Aguarde ${getBloqueioRestante()}s para tentar novamente!`, type: "warning", onConfirm: () => setCustomModal(null) }); return; } } setGameMode(mode); setIsHardcore(hardcore); resetGame(); setGameState('playing'); }; const resetGame = () => { setBoard(getInitialBoard()); setTurn(WHITE); setSelectedPiece(null); setValidMoves([]); setMustCapturePiece(null); setWinner(null); setGameOverModalOpen(false); setHintMove(null); setHintMsg("💡 Clique em 'Dica' para sugestão"); setIsAiThinking(false); setMatchSeconds(0); const { timeLimit } = dificuldadeAtual(); setTimeRemaining(timeLimit); }; const handleMenuClick = () => { if (isHardcore && gameState === 'playing' && !winner) { setCustomModal({ title: "⚠️ SAIR NO MODO HARDCORE?", message: "Sair sem terminar a partida no Modo Hardcore fará você PERDER TUDO (pontos e nível zerados)! Tem certeza?", type: "danger", onConfirm: () => { salvarProgresso({ pontos: 0, nivel: 1, bloqueioHardcoreAte: Date.now() + 60000 }); setCustomModal(null); setGameState('menu'); } }); } else { setGameState('menu'); } }; if (gameState === 'menu') { const proximoNivelPontos = progresso.nivel * 10; const falta = proximoNivelPontos - progresso.pontos; const pontosFaltamHardcore = Math.max(0, PONTOS_MINIMOS_HARDCORE - progresso.pontos); const hardcoreLiberado = progresso.pontos >= PONTOS_MINIMOS_HARDCORE; const hardcoreBloqueadoTempo = getBloqueioRestante(); return (

DAMAS PREMIUM

{/* Painel de Progresso */}

Pontos

{progresso.pontos}

Nível IA

Nv. {progresso.nivel}

Próximo Nível

Faltam {falta} vitórias

{/* Botão Hardcore */} {!hardcoreLiberado ? ( ) : estaBloqueadoHardcore() ? ( ) : ( )}

{/* Modal Tutorial */} {tutorialOpen && (

Como Jogar Damas

🎯 Objetivo: Eliminar todas as peças do adversário ou deixá-lo sem movimentos possíveis.

📍 Tabuleiro: Tabuleiro 8x8. Joga-se apenas nas casas escuras. Você começa com 12 peças brancas nas 3 últimas fileiras.

♟️ Movimento: Peças comuns andam diagonalmente 1 casa para frente.

⚔️ Captura (Obrigatória!): Se houver uma peça inimiga adjacente e casa vazia atrás, você deve saltar e capturá-la. Capturas em cadeia são permitidas!

👑 Dama: Ao atingir a última fileira do adversário, a peça vira Dama (coroa) e pode andar e capturar em qualquer direção diagonal (frente e trás).

⏱️ Tempo: Cada jogada tem limite ({tempoPorJogada}s). Se esgotar, você perde a vez!

💀 Hardcore: Exige 10+ pontos. Sem dicas, sem reiniciar, e sair no meio apaga todo o seu progresso!

)} {/* Modal Sobre */} {sobreOpen && (

Sobre Este Jogo

)} {/* Custom Modal */} {customModal && (

{customModal.title}

{customModal.message}

)}

{/* Custom Modal in Game */} {customModal && (

{customModal.title}

{customModal.message}

)}

{/* Header */}

{isHardcore ? : } {isHardcore ? '💀 MODO HARDCORE' : `Damas Premium (Nv. ${progresso.nivel})`}

Partida: {formatMatchTime(matchSeconds)} {!isHardcore ? hintMsg : "🚫 Dicas Desativadas"}

{/* Status Bar */}

{turnText}

⏱️ {timeRemaining}s

{!isHardcore && ( )} {!isHardcore ? ( ) : ( )}

{/* Board */}

)} {validMoveObj && (

)} {isHintSquare && (

)} {piece !== EMPTY && (

{isKing(piece) && } {!isKing(piece) && (

)}

); }) ))}

{/* Winner / Game Over Modal */} {gameOverModalOpen && (

{winner === WHITE ? '🏆' : '💀'}

{winner === WHITE ? 'VOCÊ VENCEU!' : (isHardcore ? 'DERROTA HARDCORE!' : 'A IA VENCEU!')}

⏳ Duração: {formatMatchTime(matchSeconds)}

{winner === WHITE && ( )} {winner !== WHITE && !isHardcore && ( )}

)}

); }

Cryptyx

Games · 1

Updates

Inspired by Cryptyx?