Jvascript: effetto pioggia su immagine

Un piccolo javascript ci permette di simulare gocce di pioggia che cadono su un vetro oltre il quale vediamo la nostra fotografia.

Il js può essere scaricato da qui, seguendo i link troverete anche due ulteriori demo.

Nell'esempio di applicazione che vi propongo  sono evidenziati i passaggi minimi necessari per ottenere l'effetto desiderato (se rimanete sull'immagine potrete notare anche l'addensarsi delle 'gocce').

Dal mio esempio potete accedere al file sorgente, da cui dedurre le prime tre regole di stile necessarie alla realizzazione dell'effetto, la definzione della funzione demo(), la chiamata javascript onload e la costruzione del div e degli elementi canvas richiamati dal javascript.