[Parte 2] Creare un gioco web in 30 minuti con l'AI.

Oggi, in seguito al lavoro precedente, ho proceduto con la separazione del codice e l'aggiunta di alcune funzionalità.

Innanzitutto, ho richiesto la separazione del codice sorgente, in cui html, js e css erano tutti contenuti in un unico file.

Q9. Riscrivi il codice sorgente integrato sopra in una struttura separata in file html, js e css

-> Separazione in 3 strutture: index.html, game.js, styles.css

Q10. Nel codice sopra, aggiungi un'area di stato a sinistra dello schermo della console centrale per verificare sempre lo stato del personaggio e aggiungi le funzionalità correlate.

-> Aggiunta di una sidebar fissa a sinistra e aggiunta/modifica delle funzionalità correlate in game.js per consentire la verifica costante dello stato.

Q11. Nel codice sopra, aggiungi un pulsante e la funzionalità per utilizzare i punti abilità nella finestra di stato.

-> Poiché in precedenza i punti abilità venivano inseriti direttamente nella finestra di alert, ho richiesto la modifica. I punti abilità, se disponibili, attivano un pulsante per un utilizzo più intuitivo.

Q12. Nel codice sopra, se si vince una battaglia, fai droppare oro in base al livello del mostro e mostra l'oro ottenuto nella finestra di stato.

-> Aggiunta della funzionalità di drop dell'oro e modifica per renderlo visibile nella finestra di stato a sinistra.

Grazie alle 4 domande sopra, l'aspetto e la struttura sono migliorati e sono state gettate le basi per l'aggiunta di funzionalità future come il negozio.

In futuro, si procederà con l'espansione aggiungendo funzionalità come il negozio (oggetti di recupero, ecc.) e il sistema di abilità.

https://ggoban.com/hof/