👾 Space Invaders - HTML Canvas + JavaScript

Recriação de um clássico dos videogames usando HTML, CSS e JavaScript puro com renderização via <canvas>.

Este projeto foi feito com base no excelente tutorial do canal Manual do Dev, com o objetivo de reforçar conceitos de programação gráfica e se divertir no processo! 💻✨

🎮 Como jogar

• Mover para a esquerda: seta ⭠ ou letra "A"
• Mover para a direita: seta ⭢ ou letra "D"
• Atirar: barra de espaço
• O objetivo é eliminar todos os inimigos antes que eles cheguem à parte inferior da tela!

💡 Funcionalidades e aprendizados

• Renderização gráfica com HTML Canvas
• Controle de jogador e colisão com inimigos
• Sistema de partículas para explosões
• HUD (score, level e high score)
• Gerenciamento de estados de jogo (início, jogando e fim)
• Modularização em classes (Player, Invader, Grid, etc.)

🛠️ Melhorias futuras

• Ajuste de volumes dos efeitos sonoros
• Lógica adaptativa do grid de inimigos conforme o nível
• Menu inicial simples com instruções

🚀 Como executar localmente

1. Clone o repositório:

   git clone https://github.com/emycinthia/space-invaders.git

2. Abra o arquivo index.html no seu navegador Recomendado: use o Chrome para garantir melhor compatibilidade

📂 Estrutura do projeto

space-invaders/
 ├── assets/             # Imagens e sons do jogo
 ├── classes/            # Classes JS modulares (Player, Grid, etc.)
 ├── index.html          # Página principal
 ├── index.js            # Lógica do jogo
 ├── style.css           # Estilo da interface
 └── README.md           # Você está aqui

📺 Créditos

• 🕹️ Tutorial: Space Invaders com JavaScript
• 🎨 Assets: extraídos do projeto original do tutorial

---

Se curtir, deixe uma ⭐ no repositório!