Skip to content
/ mario Public

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!

Notifications You must be signed in to change notification settings

KaykyOne/mario

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍄 Mario Jump Game

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!

🎮 Demo

Mario Game Preview

✨ Funcionalidades

  • 🏃‍♂️ 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

🕹️ Como Jogar

Controles

  • Espaço: Pular
  • A: Mover para a esquerda
  • D: Mover para a direita

Objetivo

  • 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

🚀 Como Executar

  1. Clone o repositório

    git clone https://github.com/KaykyOne/mario.git
  2. Navegue até a pasta

    cd mario
  3. Abra o arquivo

    • Abra o index.html em qualquer navegador moderno
    • Ou use um servidor local como Live Server no VS Code

🛠️ Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript

Recursos Técnicos

  • 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

📁 Estrutura do Projeto

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

🎯 Funcionalidades Implementadas

  • 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

🔮 Melhorias Futuras

  • 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

🤝 Contribuindo

Contribuições são sempre bem-vindas! Para contribuir:

  1. Faça um Fork do projeto
  2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
  3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
  4. Push para a branch (git push origin feature/AmazingFeature)
  5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

👨‍💻 Autor

KaykyOne


Gostou do projeto? Deixe uma estrela!


Feito com ❤️ e muito ☕ por KaykyOne

About

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!

Topics

Resources

Stars

Watchers

Forks