Premessa
Allora, questo JavaScript fa rimbalzare per lo schermo sette immagini. Le immagini in questo caso sono uguali, ma possono benissimo essere 7 immagini diverse fra loro ! Inoltre è consigliabile mettere uno sfondo e poi visualizzare la pagina in un iframe o frame : in questo modo le immagini rimbalzano in uno spazio più limitato. Lo scopo è quello di ciccare su tutte e sette le immagini. Ogni volta che cliccherete su una di queste vi verrà un alert o con i punti a cui siete arrivati o con un messaggio che vi dirà che l'immagine che avete cliccato è già stata cliccata prima.
Iniziamo col dire che il codice è diviso in 2 script : il primo regola l'andamento delle immagini, il secondo regola il punteggio.
Personalizzazione dell'andamento delle immagini
Per modificare l'andatura delle sette immagini dovrete agire sul primo script. Allora per prima cosa, all'apertura del documento viene avviata la funzione bounce1. Questa a sua volta richiama ogni 2 millisecondi le funzioni bIt, boIt, buIt, bouIt, boueIt, bouceIt, bounceIt. Ognuna di queste funzioni mette in moto una delle sette immagini. Le coordinate delle immagini (che usano le coordinate assolute) sono :
- coordinate dell'immagine di nome
bounce : (x,y)
- coordinate dell'immagine di nome
bouce : (m,n)
- coordinate dell'immagine di nome
boue : (a,s)
- coordinate dell'immagine di nome
bo : (q,w)
- coordinate dell'immagine di nome
bou : (z,c)
- coordinate dell'immagine di nome
bu : (r,t)
- coordinate dell'immagine di nome
b: (g,h)
Tutto chiaro no ? In ogni funzione che regola l'andamento di un'immagine, si può regolare anche la posizione iniziale dell'immagine (basta impostare le variabili con i nomi delle coordinate, con le coordinate della posizione scelta) e la velocità, ossia il numero di pixel di cui l'immagine si deve spostare ogni 2 millisecondi. Più alti saranno questi numeri, più l'immagine si sposterà ogni 2 millisecondi e perciò l'oggetto sembrerà muoversi più velocemente.
Le variabili da modificare per variare la velocità sono offset
. Ad esempio se voglio modificare la velocità della prima immagine (bounce) devo andare nella funzione bounce2 e modificare offsetx e offsety (x e y sono le coordinate della prima immagine. Se invece voglio modificare la velocità della seconda immagine (bouce) andrò nella funzione bouce2 e modificherò offsetm e offsetn (m e n sono le coordinate della seconda immagine).
Un po' complicato da spiegare, ma quando guarderete lo script, troverete le indicazioni dei parametri da modificare.
Personalizzazione dell'andamento del punteggio
Se invece volete modificare il punteggio e i messaggi che vengono visualizzati dovrete agire sul secondo script. Per modificare i messaggi, basta cambiare l'alert (è indicato dove bisogna modificare). Se invece volete modificare il punteggio è importante sapere cosa indicano le variabili.
- ll = è il contatore che indica il punteggio attuale;
- j = viene incrementato ogni volta che si clicca sulla prima pallina. In questo modo ci fa capire se la pallina è già stata cliccata;
- jj = viene incrementato ogni volta che si clicca sulla seconda pallina. In questo modo ci fa capire se la pallina è già stata cliccata;
- jjj = viene incrementato ogni volta che si clicca sulla terza pallina. In questo modo ci fa capire se la pallina è già stata cliccata;
- jjjj = viene incrementato ogni volta che si clicca sulla quarta pallina. In questo modo ci fa capire se la pallina è già stata cliccata;
- jjjjj = viene incrementato ogni volta che si clicca sulla quinta pallina. In questo modo ci fa capire se la pallina è già stata cliccata;
- jjjjjj = viene incrementato ogni volta che si clicca sulla sesta pallina. In questo modo ci fa capire se la pallina è già stata cliccata;
- jjjjjjj = viene incrementato ogni volta che si clicca sulla settima pallina. In questo modo ci fa capire se la pallina è già stata cliccata;
Non c'è più niente da spiegare… chiunque con una minima base di js riuscirebbe a modificare il resto =) !
Vi saluto e…. visitate il mio sito se non vi disturba ^_- : www.gogetassj3.com !