Um jogo simples feito com HTML, CSS e JavaScript, inspirado no clássico Super Mario. O objetivo é ajudar o Mario a pular os canos e sobreviver o maior tempo possível, acumulando pontos enquanto evita obstáculos.
Super Mario Jump/
│
├── Index.html ← Página principal do jogo
├── Js/
│ └── Script.js ← Lógica do jogo
├── css/
│ └── Style.module.css ← Estilos do jogo
├── Images/ ← Imagens do jogo (Mario, canos, fundo, etc.)
├── Audio/ ← Efeitos sonoros (pulo, morte, música de fundo)
└── MarioJump/ ← Subpasta com outra instância do jogo
- Abra o arquivo
Index.htmlno seu navegador (Chrome, Firefox, etc). - Pressione a tecla barra de espaço (
espaço) para fazer o Mario pular. - Evite os canos!
- Se bater, a animação de "game over" será exibida.
- Tente bater seu recorde a cada tentativa.
- HTML5
- CSS3 (com uso de animações)
- JavaScript puro
- Áudio integrado com efeitos e música de fundo
- Imagens e GIFs para ambientação visual
mario.gif,pipe.png,clouds.png: elementos visuais do jogojump.mp3,mario musica.mp3,mario morrendo.mp3: efeitos sonorosgame-over.png,super-mario-world-game-over.gif: telas de fim de jogo
- Detecção de colisões com obstáculos
- Pulo do personagem ao pressionar a tecla
- Sons sincronizados com ações do jogo
- Reinício automático após colisão
- Ideal para ser usado como base de estudos em JavaScript e animações com CSS.
Cassio Passos
Desenvolvido como exercício prático de lógica, front-end e interação com o usuário.