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

Nunca tinha sido tão dedicado em postar artigos... Mas o novo recurso é tão divertido que estou fazendo uma publicação contínua.

As melhorias são as seguintes:

1. Probabilidade crítica e dano crítico foram adicionados aos personagens (jogador, monstro). Dependendo da probabilidade crítica durante a batalha, um dano maior que o normal ocorre.

1.1. Modificado para aumentar a probabilidade crítica ao subir de nível.

2. A probabilidade de aparição de monstros foi modificada de aleatória simples para um sistema com pesos atribuídos aos monstros, gerando-os de acordo com esses pesos.

2.1. Adicionado 12 tipos de monstros, de 4 tipos existentes anteriormente.

3. Adicionada a opção de comprar poções de cura (3 tipos) na loja após a batalha, usando o ouro obtido.

3.1. A loja só pode ser acessada após a batalha. O estado atual (inativo, batalha, loja) é gerenciado, e o raio da interface do usuário muda de acordo com o estado.

3.2. Adicionada lógica à interface do usuário da loja para que os itens sejam comprados na loja e a HP do personagem seja restaurada.

(Adicional) 4. CSS responsivo adicionado para dispositivos móveis.

4.1. O CSS responsivo também foi corrigido. Incrível...

(Adicional) 5. Estado de exibição do botão modificado de acordo com cada estado.

5.1. Para resolver o inconveniente de todos os botões estarem visíveis em todos os estados, causando a reinicialização do jogo se o botão \"iniciar jogo\" fosse pressionado novamente, os botões são exibidos de acordo com o estado correspondente.

(Adicional 2) 6. Problema resolvido onde a vez na batalha avançava duas vezes.

6.1. Solicitei uma correção antes, mas não havia problema na função battleTurn(). No entanto, ao verificar, descobri que havia um evento onclick duplicado no HTML e uma atribuição de ouvinte de eventos em main.js, causando o problema. Informei isso ao perplexity, e esta foi a resposta ㅎㅎ

(Adicional 2) 7. O nome do jogador e do monstro agora são exibidos acima da barra de HP durante a batalha, e o fundo foi alterado.
7.1. O novo fundo parece melhor. Pretendo modificar para que o nome do protagonista seja definido no início.

(Adicional 3) 8. Mana adicionada ao jogador e ao monstro; agora é possível definir o nome antes de jogar.
8.1. Modificado para que o nome seja definido no início e o jogo prossiga com esse nome.

8.2. Mana adicionada ao jogador e ao monstro e exibida na tela.

8.3. Posteriormente, planejo adicionar a possibilidade de comprar habilidades aleatoriamente na loja (como em um roguelike) e usá-las na batalha (as habilidades serão compradas como em um roguelike - expansão em uma ordem de árvore específica).

Na verdade, agora estou gastando mais de 30 minutos por dia com isso.

Se eu não tivesse separado os arquivos por função, teria sofrido muito nessa etapa...

Mas, depois de terminar o trabalho de hoje, parece que tenho um jogo web simples, embora básico, mas bastante razoável.

ㅎㅎ

Endereço de teste: https://ggoban.com/hof/