[Parte 4] Crea un juego web en 30 minutos con IA.

Nunca había subido entradas con tanta dedicación… ¡Las nuevas herramientas son tan divertidas que me he animado a hacer una publicación en serie!

En primer lugar, las mejoras son las siguientes:

1. Se han añadido las estadísticas de probabilidad de crítico y daño crítico a los personajes (jugador, monstruo). Durante el combate, se produce un daño mayor al habitual en función de la probabilidad de crítico.

1.1. Se ha modificado para que la probabilidad de crítico también aumente al subir de nivel.

2. Se ha modificado la probabilidad de aparición de monstruos. En lugar del sistema anterior (aleatorio simple), ahora se les asigna un peso a los monstruos y se generan según dicho peso.

2.1. Se ha aumentado el número de tipos de monstruos de 4 a 12.

3. Se ha añadido la posibilidad de comprar pociones curativas (3 tipos) en la tienda después del combate para poder utilizar el oro obtenido.

3.1. Se gestiona el estado actual (inactivo, combate, tienda) para que la tienda solo pueda utilizarse después del combate, y se ajusta el radio de la interfaz de usuario en función del estado.

3.2. Se ha añadido la lógica a la interfaz de usuario de la tienda para que los objetos comprados en la tienda restauren los PV del personaje.

(Añadido) 4. Se ha añadido CSS adaptable teniendo en cuenta los dispositivos móviles.

4.1. También solicité CSS adaptable y ¡lo arreglaron en un santiamén! ¡Increíble…

(Añadido) 5. Se ha modificado el estado de visualización de los botones según el estado.

5.1. Todos los botones estaban visibles en todos los estados, lo que provocaba inconvenientes como la reinicialización del juego al pulsar de nuevo "iniciar juego". Se ha modificado para que solo se muestren los botones apropiados para cada estado.

(Añadido 2) 6. Se ha solucionado el problema por el que el turno del combate se realizaba dos veces.

6.1. Había solicitado una corrección, pero no había ningún problema en la función battleTurn(). Sin embargo, al revisar la parte relacionada, descubrí que el problema se debía a la duplicación del evento onclick en el HTML y la inyección del escuchador de eventos en main.js. Se lo informé a perplexity y obtuve esta respuesta. ㅎㅎ

(Añadido 2) 7. Se ha añadido una pequeña mejora: los nombres del jugador y del monstruo se muestran ahora sobre la barra de salud durante el combate, y se ha cambiado el fondo.
7.1. El nuevo fondo parece encajar mejor. Estoy pensando en modificar el juego para que el nombre del protagonista se pueda elegir al inicio.

(Añadido 3) 8. Se ha añadido maná al jugador y a los monstruos, y ahora se puede elegir el nombre del personaje antes de empezar a jugar.
8.1. Se ha modificado para que se pueda elegir el nombre al principio y el juego se desarrolle con ese nombre.

8.2. Se ha añadido maná al jugador y a los monstruos, y se muestra en el lienzo.

8.3. En el futuro, planeo mejorar el juego para que se puedan comprar habilidades de forma aleatoria en la tienda (como en un juego roguelike) y usarlas en combate (las habilidades se desbloquearán siguiendo un orden específico).

De hecho, ahora dedico más de 30 minutos al día, a diferencia de lo que indica el título.

Si no hubiera separado los archivos por función, habría sufrido mucho en esta etapa…

Aun así, después de terminar el trabajo de hoy, parece que he conseguido crear un sencillo juego web bastante decente, aunque sencillo.

ㅎㅎ

Dirección de prueba: https://ggoban.com/hof/