Desenvolvimento e Arquitetura

O desenvolvimento do Black Hat envolve uma análise detalhada da complexidade do projeto, desde a estrutura do código até a interação com o ambiente e os personagens. O jogo exige um sistema robusto para mudança de estados entre capítulos/níveis, diálogos dinâmicos, movimentação de NPCs, animações e interações.

Arquitetura do jogo

A arquitetura do jogo é baseada no Phaser 3, um framework para jogos 2D em JavaScript, utilizando o Phaser e criando uma estrutura voltada a um único index.html, seguindo uma hierarquia para organização de cenas, assets e níveis. O desenvolvimento segue uma abordagem modular, separando elementos como personagens, mapas, mecânicas e interfaces em arquivos distintos para melhor manutenção.

Ferramentas Utilizadas

• Tiled: Criação de mapas e camadas de colisão com tilesets.

• Piskel: Criação de pixel arts e sprites

• IdeoGram: Geração de imagens com IA

• Figma: Prototipação, Player Flow, Edição de imagens e Design System

• MP3 Cutter: Editor de áudio online

• VS Code: Ambiente de desenvolvimento para edição do código-fonte.

Tecnologias

• HTML: Estrutura para carregar o jogo no navegador.

• CSS: Ajustes visuais na interface.

• JavaScript: Lógica do jogo, manipulação de eventos e interações.

• Phaser 3: Motor principal do jogo, responsável por renderizar sprites, colisões e física.

• JSON: Importação de tilemaps, estruturação de diálogos, estados e configuração de assets.