 Esercitazione 4
|
In questa esercitazione - come prima cosa - vediamo una demo sull'installazione
del software che è stato installato sul server del corso.
Poi, andando a riguardare gli appunti (ed usando il
manuale
on line) terminate gli esercizi delle esercitazioni precedenti che non avete ancora fatto.
|
|
Quando avete finito, provate a realizzare una piccola "caccia al tesoro" in JavaScript
(vedi figura).
Suggerimenti
- Create una tabella con una immagine bianca per ogni cella.
- Create un vettore di immagini fuori schermo che contengono le immagini
che sostituiscono le immagini bianche nella tabella quando l'utente ci clicca sopra
(a fare le cose per bene, le immagini dovrebbero essere tutte diverse; io ho usato sempre la
stessa).
- Nel vettore di immagini fuori schermo posizionate in modo casuale - Math.random() -
anche l'immagine del forziere
- Create una funzione che viene richiamata dopo il clic su ogni immagine. Questa
funziona dovrà occuparsi di:
- cambiare l'immagine corrente nella cella selezionata nella tabella;
- incrementare il numero di mosse nel campo in basso;
- se si trova il forziere, restituire un messaggio all'utente (simile a quello della figura).
- Attenzione perchè nella funzione sono necessari un po' di controlli. Ad esempio:
- quando l'utente clicca su una cella della tabella già "scoperta" non
si deve incrementare il numero delle mosse;
- quando l'utente ha scoperto il forziere, se prova a cliccare su altre celle della tabella
si deve restituire un messaggio del tipo "Il gioco è terminato,
premi Reload per ricominciare".
Versione più complicata dell'esercizio
Provate a fare una funzione JavaScript che vi permette di giocare alla "caccia al tesoro"
contro il computer. Ovviamente, la funzone dovrà essere equa, cioè il computer
non dovrà memorizzare la posizione in cui ha piazzato il forziere ma, ad ogni mossa,
dovrà generare un numero casuale (attenzione, quando gioca il computer, si dovrà
continuare a generare un numero casuale fino a quando non si trova una cella della tabella
non ancora scoperta!).
Buon lavoro ...
|
|
|
