Um jogo 2D desenvolvido com JavaScript e HTML5 Canvas, no qual você controla uma nave espacial e precisa sobreviver desviando e destruindo asteroides enquanto coleta power-ups.
O objetivo é conseguir a maior pontuação possível enquanto enfrenta uma quantidade crescente de asteroides.
Utilize as teclas do teclado para controlar a nave:
| Tecla | Ação |
|---|---|
| ⬅️ Seta esquerda | Mover para a esquerda |
| ➡️ Seta direita | Mover para a direita |
Durante a partida, você deve:
- ☄️ Desviar dos asteroides;
- 🔫 Destruí-los com tiros;
- ⚡ Coletar power-ups;
- 🏆 Conseguir a maior pontuação possível;
- 🚀 Sobreviver pelo maior tempo possível.
O jogo possui diferentes tipos de power-ups que ajudam o jogador durante a partida.
Protege a nave contra colisões durante alguns segundos.
Ativa o disparo automático da nave, permitindo atacar os asteroides sem precisar realizar cada disparo manualmente.
O jogo possui um sistema de dificuldade baseado na progressão da partida:
- ☄️ Asteroides caem continuamente do topo da tela;
- 📈 A quantidade de asteroides aumenta com o tempo;
- ⚡ A velocidade dos asteroides aumenta progressivamente;
- 🏆 O jogador acumula pontuação durante a partida;
- 💥 Os asteroides podem ser destruídos com tiros;
- 🛡️ O escudo protege contra colisões temporariamente;
- ☠️ Colidir sem o escudo resulta em Game Over.
As imagens utilizadas pelo jogo devem ser colocadas dentro da pasta images/.
images/
├── fundo.png
├── nave.png
├── asteroid.png
├── powerup.png
└── powerup_shield.png
git clone URL_DO_SEU_REPOSITORIOEntre na pasta do projeto e abra o arquivo:
index.html
O jogo utiliza um elemento canvas para renderizar a partida:
<canvas id="gameCanvas"></canvas>
<button onclick="startGame()">Start</button>
<div id="menu">Clique para jogar</div>No arquivo HTML, adicione:
<script src="game.js"></script>Abra o index.html em um navegador compatível e clique em Start para começar a partida.
- 🟨 JavaScript
- 🎨 HTML5 Canvas
- 🌐 HTML5
Algumas funcionalidades que podem ser adicionadas futuramente:
- ❤️ Sistema de vidas;
- 🎵 Sons e música;
- 🎨 Menu mais elaborado;
⚠️ Sistema de dificuldade progressiva;- 👾 Batalha contra chefão (Boss Fight);
- ⚡ Novos tipos de power-ups;
- 🏆 Sistema de recorde;
- 📱 Suporte para dispositivos móveis.
Space-Shooter/
│
├── index.html
├── game.js
├── images/
│ ├── fundo.png
│ ├── nave.png
│ ├── asteroid.png
│ ├── powerup.png
│ └── powerup_shield.png
│
└── README.md
David
Projeto desenvolvido como uma prática de desenvolvimento de jogos utilizando JavaScript e HTML5 Canvas, com foco em lógica de programação, interação com o usuário e criação de mecânicas de jogos 2D.
⭐ Se você gostou do projeto, deixe uma estrela no repositório!
🚀 Prepare sua nave, destrua os asteroides e alcance a maior pontuação!