Esercizio 8
Scrivere una pagina HTML che presenti un gioco di tiro al bersaglio,
costituito in questo modo:
- In fondo alla pagina sono presenti i pulsanti "Inizio" e "Fine"
che fanno cominciare o terminare il gioco.
- Quando il gioco inizia, il bersaglio si muove da una parte
all'altra dello schermo.
- L'utente colpisce il bersaglio facendovi click sopra con il
mouse.
- Quando il bersaglio viene colpito, ricompare a in nuova
posizione scelta a caso sullo schermo.
- Una volta colpiti 10 bersagli, il gioco termina con un messaggio
di vittoria.
Suggerimenti:
- Copiare l'esempio della pallina in movimento sullo schermo.
- Inserire la IMG della palla, in un ancora a cui sia
associato l'evento "onClick".
- Utilizzare una variabile per contare il numero di volte che
il bersaglio viene colpito.
- Nel gestore dell'evento "onClick" incrementare il conteggio
delle volte in cui il bersaglio e' stato colpito: quando questo raggiunge
10, interrompere il timer e stampare (con un alert) il messaggio di vittoria.
Se invece il conteggio e' minore di 10, generare un numero casuale, ed
assegnarlo alla variabile che contiene la posizione dell'oggetto.
- Il pulsante di inizio del gioco, avvia il timer e riporta a 0 il
conteggio dei colpi centrati.
- Il pulsante di fine gioco, ferma semplicemente il timer.
Facoltativo:
- Visualizzare il punteggio totalizzato. Il modo piu' facile per
poterlo fare consiste nel realizzare 11 bimap, contenenti i numeri da
0 a 10, da alternare al variare del punteggio.
- Colpiti 10 bersagli, il gioco passa al livello successivo invece
che terminare. Ad ogni livello, la velocita' della pallina aumenta. Il gioco
termina quando si colpiscono tutti i bersagli dell'ultimo livello.
- Per implementare i livelli di difficlta', occorre aggiungere
una nuova variabile che memorizzi il livello attuale. Questa viene azzerata
al cominciare di una nuova partita, ed incrementata ad ogni salto di
livello.
- La velocita' della pallina puo' essere aumentata cambiando
l'intervallo del timer, oppure aumentando il valore della variabile contente
la "direzione".
- Visualizzare il livello di difficolta', cosi come si e' fatto
per il punteggio.