Quest' oggi voglio presentarvi uno script, rielaborato sottoforma di plugin jQuery affinché risulti più versabile, per creare un effetto 'ninja' facendo scomparire l' elemento prescelto.
Essendo realizzato in Canvas, qualora il browser in utilizzo non fosse aggiornato, non risulterà possibile visionare il tutto.
« PRE-UTILIZZO »
Per utilizzare ninjaEffect nelle proprie pagine, bisognerà includere i files relativi al jQuery, EaselJs e ovviamente il "plugin" dell' effetto.
Una volta fatto ciò, bisognerà semplicemente inserire il tag canvas con id ninjaEffect dopo il body, preferibilmente settandone la proprietà z-index a 1 (o maggiore).
Nel caso in cui non verrà inserito o avrà un ID differente, verrà caricato dinamicamente da ninjaEffect.
« UTILIZZO »
Per richiamare lo script, bisognerà semplicemente far riferimento alla funzione ninja().
« ARGOMENTI »
Gli argomenti accettati dalla funzione sono i seguenti:
« LINKS »
« DEMO »
*Rimosso momentaneamente*
« DOWNLOAD »
Essendo realizzato in Canvas, qualora il browser in utilizzo non fosse aggiornato, non risulterà possibile visionare il tutto.
« PRE-UTILIZZO »
Per utilizzare ninjaEffect nelle proprie pagine, bisognerà includere i files relativi al jQuery, EaselJs e ovviamente il "plugin" dell' effetto.
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Una volta fatto ciò, bisognerà semplicemente inserire il tag canvas con id ninjaEffect dopo il body, preferibilmente settandone la proprietà z-index a 1 (o maggiore).
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Nel caso in cui non verrà inserito o avrà un ID differente, verrà caricato dinamicamente da ninjaEffect.
« UTILIZZO »
Per richiamare lo script, bisognerà semplicemente far riferimento alla funzione ninja().
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
« ARGOMENTI »
Gli argomenti accettati dalla funzione sono i seguenti:
- ninjaPath: string (default 'images/ninja.png') [La path a partire dal file includente relativa agli sprites dello script]
- reverse: boolean (default false) [Effetto contrario: Da nascosto a visibile]
- callback: function (default undefined) [Funzione di callback a fine effetto]
« LINKS »
« DEMO »
*Rimosso momentaneamente*
« DOWNLOAD »
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Ultima modifica: