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

Vandaag heb ik, voortbouwend op eerder werk, de code gescheiden en enkele functies toegevoegd.

Eerst heb ik aangevraagd om de broncode, waar html, js en css in één bestand stonden, te splitsen.

Q9. Schrijf de bovenstaande gecombineerde broncode opnieuw als een gescheiden structuur van html, js en css bestanden.

-> Ik heb de structuur gesplitst in 3 bestanden: index.html, game.js en styles.css

Q10. Voeg aan de bovenstaande code een statusvenster toe links van het centrale console-scherm, waar de status van het personage altijd zichtbaar is, en voeg de bijbehorende functies toe.

-> Ik heb een vaste zijbalk aan de linkerkant toegevoegd en de bijbehorende functionaliteit toegevoegd/aangepast in game.js zodat de status altijd zichtbaar is.

Q11. Voeg in de bovenstaande code in het statusvenster een knop toe waarmee skillpoints kunnen worden gebruikt, en voeg de bijbehorende functionaliteit toe.

-> De skillpoints werden eerder direct ingevoerd in een alert-venster, daarom heb ik dit aangevraagd. Nu is de knop actief als er skillpoints zijn, waardoor het gebruik intuïtiever is geworden.

Q12. Pas de bovenstaande code aan zodat bij het winnen van een gevecht goud wordt gedropt op basis van het niveau van het monster, en het verkregen goud zichtbaar is in het statusvenster.

-> Ik heb de functie toegevoegd om goud te laten vallen en het statusvenster aangepast zodat het goud daar te zien is.

Door deze 4 vragen is de interface en opzet aantrekkelijker geworden en is een basis gelegd voor toekomstige functies zoals een winkel.

In de toekomst zal ik het uitbreiden met functies zoals een winkel (met herstellende items), en een skillsysteem.

https://ggoban.com/hof/