[Deel 3] In 30 minuten een webgame maken met AI.

Het werd een onverwachte serie, maar het is leuk, dus prima.

Nu nemen de bugs en kleine aanpassingsverzoeken geleidelijk toe, dus

het lijkt moeilijk om alle verzoeken te registreren, maar laten we het proberen.

Q13. Voeg in het bovenstaande spel een canvasgebied toe boven het consolegebied om de achtergrondafbeelding, het personage en het monster weer te geven.

-> Omdat we vanaf hier ook graphics willen toevoegen, hebben we dit verzoek ingediend. Door het canvasgebied toe te voegen en de benodigde functies in drie afzonderlijke bestanden te scheiden, hebben we functies toegevoegd om de achtergrond, het personage en het monster te tekenen. Tegelijkertijd hebben we een healthbar boven het personage en het monster toegevoegd. (Wow), hero, goblin, orc, troll, dragon en background moeten zelf worden voorbereid, dus we hebben een nieuwe tab geopend en Perplexity gevraagd om afbeeldingen te genereren (flux model illustrator type).

Omdat de beeldgeneratie niet goed werkte bij invoer in het Koreaans, hebben we de volgende aanvraag gedaan:

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. Geef de volledige broncode nogmaals weer.

-> We hebben een verzoek ingediend om de volledige code weer te geven voor de integratie.

Q15. Het einde van het bestand game.js ontbreekt. Geef alleen dat bestand nogmaals weer.

-> Aan het einde van het bestand game.js ontbrak een klein deel, dus hebben we verzocht om alleen dat bestand opnieuw weer te geven.

Q16. Het bestand game.js is te lang. Is het mogelijk om het per hoofdfunctie te splitsen?

-> Omdat één js-bestand te lang werd, hebben we verzocht om het per functie te splitsen voor toekomstig beheer, en dit is het resultaat:

Jazeker. Het bestand game.js kan worden opgesplitst per hoofdfunctie om het beheer te vergemakkelijken. We zullen de bestanden als volgt splitsen:

characters.js: Definitie van de klassen Character, Player en Monster
items.js: Definitie van de klassen Weapon en Armor en gerelateerde gegevens
game.js: Game-klasse en belangrijkste gamelogica
ui.js: UI-gerelateerde functies (canvas tekenen, status updates, enz.)
main.js: Functies voor het initialiseren en uitvoeren van het spel

Q17. Het bestand main.js ontbreekt. Geef alleen dat bestand nogmaals weer.

-> Ook aan het einde van het vijfde bestand ontbrak een klein deel, dus hebben we verzocht om het opnieuw weer te geven.

Q18. Geef de HTML-broncode opnieuw weer, inclusief de gesplitste js-bestanden.

-> Verzoek om de HTML-broncode weer te geven, inclusief de gesplitste bestanden.

Q19. Er is een bug waardoor de healthbar tijdens een gevecht niet op het canvas wordt weergegeven. Controleer de broncode en corrigeer deze.

-> Het wordt normaal weergegeven, maar de healthbar wordt alleen aan het begin weergegeven en niet tijdens het gevecht, dus we hebben verzocht om het te corrigeren.

Q20. Er treedt een fout op bij het tekenen van monsterImage in ui.js. Corrigeer deze.

-> Er trad een fout op tijdens het uitvoeren van de functie, dus hebben we verzocht om het te corrigeren.

Tot zover is het middagwerk voltooid en werkt het resultaat goed.

https://ggoban.com/hof/