- Abra
index.htmlem qualquer navegador moderno. - Clique em Novo Jogo (ou pressione
N). - Mova as cartas para as fundations (naipes em ordem crescente) ou para as cascatas (sequência alternada de cores).
- Use as FreeCells (espaços livres superiores) como área auxiliar.
- Complete os 4 naipes nas fundations para vencer!
Atalhos de teclado:
| Tecla | Ação |
|---|---|
N |
Novo Jogo |
R |
Reiniciar |
Ctrl + Z |
Desfazer |
Ctrl + Y |
Refazer |
H |
Dica |
A |
Auto-Mover |
P |
Pausar / Continuar |
1 – 5 |
Trocar estilo de cartas |
Esc |
Fechar Menu / Overlay |
Controles do mouse:
- Clique — Selecionar / Mover carta
- Duplo clique — Auto-mover para foundation ou freecell
- Clique direito — Desfazer último movimento
- Arrastar — Drag & drop de cartas
- 🎨 3 Temas Visuais — Escuro Neon, Claro Glass e Floresta Mística, com transições suaves.
- 🃏 5 Estilos de Cartas — Clássico, Moderno, Minimalista, Retrô e Neon.
- 🖱️ Drag & Drop — Arraste cartas com mouse ou toque (mobile).
- 🔊 Sons Imersivos — Efeitos sonoros para movimentos, erros, vitória e conquistas.
- 📊 Estatísticas Detalhadas — Acompanhe jogos, vitórias, melhor tempo, sequências e pontuação.
- 🏆 Sistema de Conquistas — Desbloqueie medalhas por feitos especiais.
- 💾 Auto-Save — O estado do jogo é salvo automaticamente no navegador.
- 🔄 Desfazer / Refazer — Ilimitado durante a sessão.
- 💡 Dicas Inteligentes — Sugestão de movimentos válidos com destaque visual.
- 🤖 Auto-Move Avançado — Move automaticamente cartas seguras para as fundations e sugere freecells.
- ⚡ Super Moves — Mova sequências inteiras de cartas respeitando as regras do FreeCell.
- 🎉 Animações de Vitória — Confetes e celebração ao ganhar.
- ♿ Acessibilidade — Suporte a ARIA, navegação por teclado e alto contraste.
- 📱 Responsivo — Perfeito em desktop, tablet e celular.
- 🔍 SEO Otimizado — Meta tags, Schema.org, Open Graph e Twitter Cards.
freecell/
├── index.html # Página principal com SEO e acessibilidade
├── style.css # Estilos premium, glassmorphism, temas e estilos de cartas
├── script.js # Controlador principal do jogo
├── engine.js # Lógica completa do FreeCell (regras, validação, IA, pontuação)
├── ui.js # Renderização, animações, efeitos visuais e interação
├── storage.js # Persistência de estado, estatísticas, conquistas e configurações
├── manifest.json # Configuração PWA (Progressive Web App)
├── README.md # Este arquivo
└── assets/
├── icons/
│ └── favicon.svg # Ícone do site
├── sounds/ # Efeitos sonoros do jogo
└── og-image.svg # Imagem de compartilhamento social
- HTML5 semântico + ARIA
- CSS3 com Glassmorphism, variáveis CSS, Grid/Flexbox e animações
- Vanilla JavaScript (ES6+), modular e sem frameworks
- Web Audio API para efeitos sonoros
- localStorage para persistência de dados offline
- Manifest.json para instalação como PWA
- Objetivo: Mover todas as cartas para as 4 pilhas de foundation (uma por naipe), em ordem crescente (Ás ao Rei).
- Cascatas: Cartas devem ser empilhadas em ordem decrescente, alternando cores (vermelho/preto).
- FreeCells: 4 espaços auxiliares onde qualquer carta pode ser colocada temporariamente.
- Múltiplas cartas: É possível mover uma sequência válida de cartas de uma só vez, respeitando o limite de freecells e colunas vazias disponíveis.
Este projeto é de código aberto para uso pessoal e educacional.
Sinta-se à vontade para modificar, melhorar e compartilhar!
Desenvolvido com ❤️ para fãs de paciência e jogos de cartas.