You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.5 KiB
32 lines
1.5 KiB
4 years ago
|
# Costruire un Gioco Spaziale
|
||
|
|
|
||
|
|
Un gioco spaziale per insegnare fondamenti di JavaScript più avanzati
|
||
|
|
|
||
|
|
In questa lezione si imparerà come costruire un gioco spaziale. Se mai si è giocato a "Space Invaders", questo gioco ha la stessa idea: guidare un'astronave e sparare sui mostri che scendono dall'alto. Ecco come apparirà il gioco finito:
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
In queste sei lezioni si imparerà quanto segue:
|
||
|
|
|
||
|
|
- **Interagire** con l'elemento Canvas per disegnare oggetti su uno schermo
|
||
|
|
- **Comprendere** il sistema di coordinate cartesiane
|
||
|
|
- **Imparare** il modello Pub-Sub per creare una solida architettura di gioco più facile da mantenere ed estendere
|
||
|
|
- **Sfruttare** Async/Await per caricare le risorse di gioco
|
||
|
|
- **Gestire** gli eventi da tastiera
|
||
|
|
|
||
|
|
## Panoramica
|
||
|
|
|
||
|
|
- Teoria
|
||
|
|
- [Introduzione alla creazione di giochi con JavaScript](1-introduction/translations/README.it.md)
|
||
|
|
- Esercitazione
|
||
|
|
- [Disegnare sull'elemento canvas](2-drawing-to-canvas/translations/README.it.md)
|
||
|
|
- [Spostamento di elementi sullo schermo](3-moving-elements-around/translations/README.it.md)
|
||
|
|
- [Rilevamento della collisione.](4-collision-detection/translations/README.it.md)
|
||
|
|
- [Tenere il punteggio](5-keeping-score/translations/README.it.md)
|
||
|
|
- [Terminare e riavviare il gioco](6-end-condition/translations/README.it.md)
|
||
|
|
|
||
|
|
## Crediti
|
||
|
|
|
||
|
|
Le risorse utilizzate provengono da https://www.kenney.nl/.
|
||
|
|
Se interessa costruire giochi, queste sono alcune risorse davvero buone, molte sono gratuite e alcune sono a pagamento.
|