[Część 2] Stwórz grę webową w 30 minut z AI.

Dzisiaj, kontynuując poprzednią pracę, przeprowadziłem niewielką separację kodu i dodałem kilka funkcji.

Najpierw poprosiłem o rozdzielenie źródła, w którym kod HTML, JS i CSS znajdowały się w jednym pliku.

Q9. Przerób powyższy zintegrowany kod, tak aby był rozdzielony na pliki HTML, JS i CSS.

-> Rozdzielono na 3 struktury: index.html, game.js, styles.css

Q10. Dodaj do powyższego kodu po lewej stronie konsoli centralnej obszar panelu stanu, w którym zawsze można sprawdzić stan postaci, oraz dodaj powiązane funkcje.

-> Dodano stały pasek boczny po lewej stronie i dodano/zmodyfikowano odpowiednie funkcje w game.js, aby zawsze można było sprawdzać stan.

Q11. Dodaj do powyższego kodu w panelu stanu przycisk i funkcję umożliwiającą wykorzystanie punktów umiejętności.

-> Poprzednio punkty umiejętności były wprowadzane bezpośrednio w oknie alert, więc zostało to zmienione. Teraz, jeśli masz punkty umiejętności, przycisk jest aktywny, co pozwala na intuicyjne korzystanie z funkcji.

Q12. Zmodyfikuj powyższy kod tak, aby po wygranej bitwie, w zależności od poziomu potwora, przyznawano złoto, a zdobyte złoto można było sprawdzić w panelu stanu.

-> Dodano funkcję przyznawania złota i zmodyfikowano panel stanu, aby można było je tam sprawdzić.

Dzięki tym 4 pytaniom, ekran i struktura stały się bardziej dopracowane, a także stworzono podstawę do dodania w przyszłości takich funkcji jak sklep.

W przyszłości rozszerzę to o dodanie funkcji sklepu (przedmioty lecznicze itp.) oraz systemu umiejętności.

https://ggoban.com/hof/