Um jogo de cartas divertido e interativo, criado com HTML, CSS e JavaScript.
Site: https://sirmarciusx.github.io/Memory_Game/
- 16 cartas (8 pares) com emojis de animais fofos
- Animações suaves ao virar as cartas com efeitos 3D
- Temporizador em tempo real para acompanhar o tempo de conclusão
- Contador de movimentos para ver quantas tentativas você faz
- Sistema de pontuação (+10 pontos por combinação)
- Design responsivo que funciona em computadores e dispositivos móveis
- Bela interface de usuário com gradiente e estilo moderno
- Modal de conclusão do jogo com estatísticas finais
- Abra
index.htmlno seu navegador da web - Clique nas cartas para virá-las e revelar os símbolos
- Encontre pares correspondentes do mesmo emoji de animal
- Complete todos os pares para ganhar o jogo
- Tente bater seu melhor tempo e pontuação!
- Clique em qualquer carta para virá-la
- Encontre duas cartas com o mesmo símbolo
- Combine todos os 8 pares para completar o jogo
- Cada combinação dá 10 pontos
- Tente completar com menos movimentos para obter uma pontuação melhor
- HTML5 para estrutura
- CSS3 com:
- CSS Grid para layout das cartas
- Flexbox para design responsivo
- Transformações e animações CSS
- Consultas de mídia para responsividade móvel
- Gradientes e sombras modernas
- Vanilla JavaScript com:
- Classes ES6+
- Tratamento de eventos
- Funcionalidade de temporizador
- Gerenciamento do estado do jogo
O jogo se adapta automaticamente a diferentes tamanhos de tela:
- Desktop: layout de grade 4x4
- Celular: layout de grade 3x3