[Parte 2] Criando um jogo web em 30 minutos com IA.

Hoje, dei continuidade ao trabalho anterior, realizando a separação de código e algumas adições de funcionalidades.

Primeiro, solicitei a separação do código fonte, onde o html, js e css estavam todos em um único arquivo.

Q9. Reescreva o código acima, que está integrado, separando-o em arquivos html, js e css.

-> A separação foi feita em 3 arquivos: index.html, game.js e styles.css.

Q10. No código acima, adicione uma área de status do personagem à esquerda da tela do console, permitindo sua visualização constante, e adicione as funcionalidades relacionadas.

-> Adicionei uma barra lateral fixa à esquerda e adicionei/modifiquei as funcionalidades relacionadas em game.js para que o status pudesse ser verificado constantemente.

Q11. No código acima, adicione um botão e a funcionalidade para usar pontos de habilidade na janela de status.

-> Isso foi solicitado porque os pontos de habilidade eram inseridos diretamente em uma janela alert. Modifiquei para que, se houver pontos de habilidade, o botão seja ativado, permitindo o uso de forma intuitiva.

Q12. No código acima, ao vencer uma batalha, o monstro deve dropar ouro de acordo com seu nível, e o ouro obtido deve ser visível na janela de status.

-> Adicionei a funcionalidade de drop de ouro e modifiquei para que fosse visível na janela de status à esquerda.

Com essas 4 questões, a tela e a composição ficaram mais atraentes, e uma base para adicionar funcionalidades futuras, como uma loja, foi criada.

Pretendo expandir adicionando funcionalidades de loja (itens de recuperação, etc.) e um sistema de habilidades.

https://ggoban.com/hof/