Realistico effetto pioggia in javascript per il vostro sito web

Vi sarà capitato spesso di desiderare veder cambiare il tema del vostro sito in occasione di particolari eventi o stagioni, come ad esempio una infinità di cuori durante San Valentino, la caduta della neve in occasione del Natale o nel periodo invernale, zucche e pipistrelli sparsi qua e là in attesa di Halloween, e così via. Oggi, con l'arrivo dell'autunno vi vogliamo mostrare un effetto estremamente realistico da poter applicare sul vostro sito. Immaginate di essere alla finestra mentre fuori piove: vedrete un po' alla volta formarsi delle gocce d'acqua che lentamente scivoleranno verso il basso.

Questo effetto è stato creato da Marek Brodziak e potete scaricare il codice in javascript qui.

 

Richiesta preventivo

Compila il form qui sotto inserendo i tuoi dati e indicando qual'è la tua richiesta specifica.
Saremo lieti di rispondere alla tua domanda fornendoti il nostro preventivo ed eventualmente indicandoti anche una o più soluzioni alternative.

Nome e Cognome (*)
Azienda
Telefono (*)
Email (*)
Privacy (*)
Richiesta (*)

Clicca nel riquadro qui sotto
per dimostrarmi che sei una persona

(*) Campi obbligatori.

Come funziona

effetto pioggia sito web

Si tratta di un codice scritto in javascript che utilizza i canvas dell'Html 5. Il primo aspetto che colpisce guardando la demo di questo script è il suo estremo realismo: non si tratta di gocce disegnate in stile fumetto che cadono dall'alto, ma di un'effetto da lasciare a bocca aperta.

Come viene creato questo effetto? Innanzitutto viene creata una tela contenente la vostra immagine ma estremamente sfocata in modo da rende realistico l'effetto della prospettiva: voi state guardando le gocce provocate dalla pioggia sul vetro e il paesaggio che è sullo sfondo vi dovrà risultare sfocato.

Le gocce, invece, contengono anch'esse la vostra immagine, ma, oltre ad essere ridimensionata, viene anche capovolta. Per rendere il tutto ancora più realistico le gocce vengono disegnata sullo schermo di dimensioni diverse fra loro: gocce piccolissime si poggiano sul vetro alternate a gocce di pioggia più grandi in maniera del tutto naturale e casuale.

Si tratta di uno stile di web design davvero originale e accattivante e molto semplice da utilizzare anche sul vostro sito internet. Nella creazione di un sito web può bastare un effetto creativo come questo per far sì che le vostre pagine non passino inosservate.

Contatti
© NewServ Studio snc - Piazza Martiri di Cefalonia, 6 - 47034 Forlimpopoli (Forlì Cesena) - Tel: 0543 743899 - P.I. 03875970406 - Cod.SDI: M5UXCR1 - Email: info@newserv.it

Questo sito utilizza i cookie. Accedendo a questo sito, accetti il fatto che potremmo memorizzare e accedere ai cookie sul tuo dispositivo. Clicca qui per maggiori informazioni. OK

×
Trattamento dei dati personali


La informiamo che i Suoi dati non verranno in nessun caso diffusi in rete o ceduti a terzi, fatti salvi eventuali obblighi di legge e necessità tecniche legate all’erogazione del servizio.
Il titolare del trattamento è il legale rappresentante di NewServ Studio snc, sig. Andrea Matano. Il trattamento sarà realizzato con l’ausilio di strumenti informatici da parte del Titolare e degli operatori da questo incaricati.
Il trattamento è finalizzato all’erogazione dei servizi richiesti, all'elaborazione di statistiche sull’uso dei servizi stessi e all'invio di informazioni promozionali (ove questo sia stato specificamente autorizzato), sia in formato digitale che cartaceo.
Per quanto concerne i dati che siamo obbligati a conoscere, al fine di adempiere agli obblighi previsti da leggi, da regolamenti e dalla normativa comunitaria, ovvero da disposizioni impartite da Autorità a ciò legittimate dalla legge e da organi di vigilanza e controllo, il loro mancato conferimento da parte dell’aderente comporterà l’impossibilità di instaurare o proseguire il rapporto, nei limiti in cui tali dati sono necessari all’esecuzione dello stesso. Per quanto riguarda i dati che non siamo obbligati a conoscere, il loro mancato ottenimento sarà da noi valutato di volta in volta, e determinerà le conseguenti decisioni rapportate all’importanza per noi dei dati richiesti e da Voi non conferitici.
In qualsiasi momento sarà possibile richiedere gratuitamente la verifica, la cancellazione, la modifica dei propri dati, o ricevere l’elenco degli incaricati del trattamento, scrivendo una mail a info@newserv.it, oppure indirizzando una comunicazione scritta a: NewServ Studio snc - Piazza Martiri di Cefalonia, 6 - 47034 Forlimpopoli (Forlì Cesena).
Oltre a uniformarci a tutti gli obblighi previsti dal D.lgs. 196/2003, garantiamo inoltre la massima attenzione alla protezione dei dati da accessi fraudolenti ed alla cancellazione immediata dalle nostre liste a seguito di una Sua richiesta in tal senso.