[3ème partie] Créer un jeu web en 30 minutes avec l'IA.

C'est devenu une série "gabun" (갑분), mais c'est amusant, alors c'est OK.

Désormais, les bugs et les questions pour des corrections mineures augmentent progressivement, donc

il sera probablement difficile d'enregistrer toutes les questions, mais essayons de les noter.

Q13. Ajoute une zone de canevas pour afficher l'image de fond, le personnage et le monstre au-dessus de la zone de la console dans le jeu ci-dessus.

-> Par la suite, afin d'ajouter des graphismes, cette requête a été demandée, et en ajoutant la zone du canevas, les fonctionnalités nécessaires ont été ajoutées dans 3 fichiers séparés. À ce moment-là, la fonctionnalité de dessin de l'arrière-plan, du personnage et du monstre a été ajoutée, ainsi qu'une barre de santé au-dessus du personnage et du monstre. (Wow), il a été dit que hero, goblin, orc, troll, dragon et background devaient être préparés séparément, donc une demande de génération d'image a été faite sur un nouvel onglet, également sur Perplexity (modèle Flux, type illustrateur).

La génération d'images ne fonctionne pas correctement lors de la saisie en coréen, donc la requête suivante a été faite :

Q13.1. fantasy, hero, right side, 2d pixel, 100x100size, character draw

Q13.2. fantasy, goblin, right side, 2d pixel, 100x100size, character draw

Q13.3. fantasy, orc monster, left side, 2d pixel, 100x100size, draw it.

13.4. fantasy, troll monster, left side, 2d pixel, 100x100size, draw it.

13.5. fantasy, dragon monster, left side, 2d pixel, 100x100size, draw it.

13.6. fantasy, forest, width 800pixel, height 400pixel, draw images

Q14. Affiche à nouveau le code source complet.

-> Une demande d'affichage complet a été faite pour la mise à jour.

Q15. La fin du fichier game.js est manquante. Affiche à nouveau uniquement ce fichier.

-> Une petite partie de la fin du fichier game.js était manquante, donc une demande de réaffichage de ce fichier uniquement a été faite.

Q16. Le fichier game.js est trop long. Est-il possible de le séparer par fonction principale ?

-> Comme un seul fichier js est devenu trop long, une demande de séparation par fonction a été faite pour une meilleure gestion ultérieure, et cela a été reflété comme indiqué ci-dessous.

Oui, bien sûr. Le fichier game.js peut être divisé par fonction principale pour une meilleure gestion. Voici comment nous allons diviser les fichiers :

characters.js : Définition des classes Character, Player, Monster
items.js : Définition des classes Weapon, Armor et des données associées
game.js : Classe Game et logique principale du jeu
ui.js : Fonctions liées à l'interface utilisateur (dessin du canevas, mise à jour de l'état, etc.)
main.js : Fonctions liées à l'initialisation et à l'exécution du jeu

Q17. Le fichier main.js est manquant. Affiche à nouveau uniquement ce fichier.

-> Le cinquième et dernier fichier était également manquant à la fin, donc une demande de réaffichage a été faite.

Q18. Affiche à nouveau le code source HTML pour inclure les fichiers js séparés.

-> Demande d'affichage du code source HTML incluant les fichiers séparés.

Q19. Il y a un bug où la barre de santé n'est pas affichée sur le canevas pendant le combat. Vérifie le code source et corrige-le.

-> Bien qu'il s'affiche normalement, la barre de santé ne s'affiche qu'au début et non pendant le combat, donc une demande de correction a été faite.

Q20. Une erreur se produit lors du dessin de monsterImage dans ui.js. Corrige-le.

-> Une erreur s'est produite dans la fonction, donc une demande de correction a été faite.

Ceci termine le travail de l'heure du déjeuner, et le résultat fonctionne correctement.

https://ggoban.com/hof/