Um jogo inspirado no clássico Super Mario Bros, desenvolvido com JavaScript vanilla, HTML5 e CSS3. Controle o Mario para pular sobre os canos e acumular pontos!
- 🏃♂️ Movimento Fluido: Mario pode andar para frente e para trás
- 🦘 Sistema de Pulo: Pule sobre os obstáculos com animações suaves
- 🏆 Sistema de Pontuação: Acumule pontos ao passar pelos canos
- 💀 Game Over: Detecção de colisão com reset automático
- 🎨 Design Pixel Art: Interface temática com fonte pixelizada
- ⌨️ Controles Intuitivos: Comandos simples e responsivos
Espaço: PularA: Mover para a esquerdaD: Mover para a direita
- Passe pelos canos sem colidir para ganhar pontos
- Evite tocar nos obstáculos ou será Game Over!
- Tente fazer a maior pontuação possível
-
Clone o repositório
git clone https://github.com/KaykyOne/mario.git
-
Navegue até a pasta
cd mario -
Abra o arquivo
- Abra o
index.htmlem qualquer navegador moderno - Ou use um servidor local como Live Server no VS Code
- Abra o
- CSS Animations: Para movimentos fluidos e transições
- JavaScript Events: Captura de teclas e interações
- Canvas/DOM Manipulation: Controle de elementos e colisões
- RequestAnimationFrame: Loop de jogo otimizado
mario/
│
├── index.html # Arquivo principal HTML
├── css/
│ └── style.css # Estilos e animações
├── js/
│ └── app.js # Lógica do jogo
├── images/ # Sprites e recursos visuais
│ ├── mario-parado.png
│ ├── mario.gif
│ ├── mario-pulando.png
│ ├── pipe.png
│ ├── clouds.png
│ └── ...
└── README.md
- Movimento do Mario (esquerda/direita)
- Sistema de pulo com animação
- Obstáculos móveis (canos)
- Detecção de colisão
- Sistema de pontuação
- Tela de Game Over
- Botão de reiniciar
- Interface com controles visuais
- Adicionar efeitos sonoros
- Implementar diferentes níveis
- Sistema de high score
- Responsividade para mobile
- Mais animações e efeitos visuais
- Dificuldade progressiva
- Power-ups especiais
Contribuições são sempre bem-vindas! Para contribuir:
- Faça um Fork do projeto
- Crie uma branch para sua feature (
git checkout -b feature/AmazingFeature) - Commit suas mudanças (
git commit -m 'Add some AmazingFeature') - Push para a branch (
git push origin feature/AmazingFeature) - Abra um Pull Request
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
KaykyOne
- GitHub: @KaykyOne
- LinkedIn: KaykyZioti
⭐ Gostou do projeto? Deixe uma estrela! ⭐
Feito com ❤️ e muito ☕ por KaykyOne
