[3. rész] AI segítségével 30 perc alatt készítsünk webes játékot.

Hirtelen jött, de mivel szórakoztató, rendben van.

Mostanában egyre több hibajavítási és kisebb módosítási kérést kapunk,

így nehéz lesz minden kérést dokumentálni, de megpróbálom.

Q13. A játékban adj hozzá egy vászon területet a konzol terület fölé, amely megjeleníti a háttérképet, a karaktereket és a szörnyeket!

-> Ezután grafikát is hozzá kellett adnunk, ezért kértük ezt a kérdést. Hozzáadtunk egy vászon területet, és a szükséges funkciókat három fájlra osztottuk. Hozzáadtuk a háttér, karakterek és szörnyek rajzolásának funkcióit, valamint az egészségjelzőket (wow) a karakterek és szörnyek fölé. A hero, goblin, orc, troll, dragon és background képeket nekünk kellett elkészítenünk, ezért új lapon képgenerálást kértünk a Perplexity-től (flux modell, illustrator típus).

Mivel a képgenerálás nem működött megfelelően koreai nyelvű bevitel esetén, a következőképpen kértük:

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. Írasd ki újra a teljes kódot!

-> A változtatások miatt kérvényezték a teljes kód kiíratását.

Q15. A game.js fájl vége hiányzik. Írasd ki újra csak ezt a fájlt!

-> A game.js fájl végén kis hiányosság volt, ezért csak ezt a fájlt kértük újra.

Q16. A game.js fájl túl hosszú. Lehetne funkciók szerint szétválasztani?

-> Egyetlen js fájl lett túl hosszú, ezért a későbbi karbantartás miatt kértük a funkciók szerinti szétválasztást, és az alábbiak szerint implementáltuk.

Igen, persze. A game.js fájlt funkciók szerint szétválasztva könnyebben kezelhetővé tehetjük. A fájlok szétválasztása a következőképpen történt:

characters.js: Character, Player, Monster osztályok definiálása
items.js: Weapon, Armor osztályok és kapcsolódó adatok definiálása
game.js: Game osztály és a fő játék logika
ui.js: UI-hez kapcsolódó függvények (vászon rajzolás, állapot frissítés stb.)
main.js: Játék inicializálása és futtatása

Q17. A main.js fájl hiányzik. Írasd ki újra csak ezt a fájlt!

-> Az utolsó, ötödik fájl vége is hiányzott, ezért újra kértük a kiíratását.

Q18. Írasd ki újra a HTML kódot úgy, hogy tartalmazza a szétválasztott js fájlokat!

-> Kérés a szétválasztott fájlokat tartalmazó HTML kód kiíratására.

Q19. A healthbar a csata során nem jelenik meg a vásznon. Ellenőrizd és javítsd a kódot!

-> Normálisan megjelenik, de csak az elején, a csata során nem. Javítás kérése.

Q20. Hiba történt a monsterImage rajzolásakor a ui.js fájlban. Javítsd!

-> Hiba történt a funkcióban, javítás kérése.

Ezzel befejeztük az ebédszünet előtti munkát, és az eredmény megfelelően működik.

https://ggoban.com/hof/