[Partie 2] Créer un jeu web en 30 minutes avec l'IA.

Aujourd'hui, suite à la tâche précédente, j'ai légèrement avancé sur la séparation du code et l'ajout de fonctionnalités.

Tout d'abord, j'ai demandé la séparation du code source, où le HTML, le JavaScript et le CSS étaient tous dans un seul fichier.

Q9. Réécrivez le code source intégré ci-dessus en le séparant en fichiers HTML, JavaScript et CSS.

-> Séparation en 3 fichiers : index.html, game.js et styles.css

Q10. Dans le code source ci-dessus, ajoutez une zone d'état qui affiche en permanence l'état du personnage à gauche de l'écran de console, et ajoutez les fonctionnalités associées.

-> Ajout d'une barre latérale fixe à gauche et ajout/modification de fonctionnalités dans game.js pour afficher en permanence l'état.

Q11. Dans le code source ci-dessus, ajoutez un bouton et une fonctionnalité permettant d'utiliser les points de compétence dans la fenêtre d'état.

-> Comme les points de compétence étaient initialement saisis directement dans une fenêtre d'alerte, j'ai effectué cette modification. Le bouton est activé si des points de compétence sont disponibles, permettant une utilisation intuitive.

Q12. Dans le code source ci-dessus, modifiez le jeu pour que lorsqu'un joueur remporte un combat, il obtienne de l'or en fonction du rang du monstre, et que cet or soit affiché dans la fenêtre d'état.

-> J'ai ajouté la fonctionnalité de gain d'or et modifié l'affichage dans la fenêtre d'état de gauche.

Grâce à ces 4 questions, l'interface et la structure sont devenues plus attrayantes, et une base a été créée pour ajouter des fonctionnalités ultérieures telles qu'un magasin.

Je vais poursuivre le développement en ajoutant ultérieurement des fonctionnalités comme un magasin (objets de soin, etc.) et un système de compétences.

https://ggoban.com/hof/