Come realizzare una nevicata per Natale sul nostro sito.

In questo tutorial vediamo come posiamo decorare la nostra pagina in vista del Natale con   varie tipi di nevicate. Utilizzeremo plugin jQuery come motore della nostra nevicata e abbiamo anche un saco di parametri per regolare la grandezza del fiocco di neve  e forza della  nevicata stessa.

Questo plugin ha dei parametri che posiamo cambiare :

flakeCount: il numero di fiocchi di neve

flakeColor: colore dei fiocchi di neve

flakeIndex: Indice

minSize: dimensione minima dei fiocchi di neve

maxSize: la dimensione massima dei fiocchi di neve

minSpeed: velocita minima di caduta

maxSpeed: velocita massima di caduta

round: true o false. A seconda delle impostazioni il browser visualizza i fiocchi di neve rotondi

pshadow: true o false. Crea una ombra intorno ai fiocchi di neve

Cliccando sui bottoni sotto potrai vedere vari effetti che puoi realizzare

Potrebbe non funzionare !!!

Cadi su di me!!!

Forma un cumulo!!!

Esempi di utilizzo:

$(document).snowfall({flakeCount : 100, maxSpeed : 10});

Oppure

$('#element').snowfall({flakeCount : 800, maxSpeed : 5, maxSize : 5});

O poi  utilizzare il plugin con le impostazioni predefinite

$(document).snowfall();

Per azzerare impostazioni

$('#element').snowfall('clear');

Oltre a piacevole effeto questo script e le sue imostazioni potrebbero diventare  uno dei tuoi compiti per jQuery. Scegliere l'aria dove aplicarlo e scegliere parametri per la funzione aplicata, come quantita di neve , velocita di caduta, grandezza del fiocco e cosi via!

Io ho applicato il funzionamento dello script solo ad aria del esempio, limitandola con indicare altezza e larghezza del ultima, ma nel fail che potrai scaricare qui sotto c'è il codice più esteso che ti permette di creare nevicata su intera pagina.

 
Letto 393 volte