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

Ma a korábbi munkák folytatásaként a kód szétválasztásán és néhány funkció hozzáadásán dolgoztam.

Először is, kérést kaptam arra, hogy válasszam szét az html, js és css kódot, amelyek eddig egy fájlban voltak.

Q9. Kérlek, írd át a fenti integrált kódot úgy, hogy az html, js és css fájlokból álljon!

-> Három fájlra bontottam: index.html, game.js és styles.css.

Q10. A fenti kódhoz adj hozzá egy állapotjelző ablakot a középső konzol képernyő bal oldalára, ahol mindig látható a karakter állapota, és adj hozzá ehhez kapcsolódó funkciókat!

-> Hozzáadtam egy bal oldali, fix sávot, és a game.js fájlban hozzáadtam/módosítottam a funkciókat, hogy az állapot mindig látható legyen.

Q11. A fenti kódhoz adj hozzá egy gombot és funkciót az állapotjelző ablakban a képességpontok használatához!

-> Mivel a képességpontok korábban közvetlenül egy alert ablakba történő bevitellel voltak kezelve, kérést kaptam a módosításra. Most már, ha van képességpont, a gomb aktiválódik, és a használat intuitívabbá válik.

Q12. A fenti kódhoz add hozzá a funkciót, hogy a csata megnyerése után a szörny szintjétől függően aranyat dobjon le, és a megszerzett arany az állapotjelző ablakban legyen látható!

-> Hozzáadtam az arany dobás funkcióját, és módosítottam úgy, hogy a bal oldali állapotjelző ablakban legyen látható.

A fenti négy kérdés megválaszolásával a képernyő és a felépítés sokkal jobb lett, és megteremtettük az alapot a jövőbeni funkciók, például a bolt hozzáadásához.

A jövőben kiegészítő funkciókat fogok hozzáadni, mint például a bolt (gyógyító tárgyakkal), és a képesség rendszer.

https://ggoban.com/hof/