Effetti speciali sulle immagini nelle pagine web

Effetti speciali sulle immagini nelle pagine web , script  , pixastic

Mai sognato di applicare alle immagini di una pagina web i filtri come si fa in Photoshop?

Pixastic è una libreria sperimentale che consente di applicare un sacco di effetti sulle immagini usando un po’ di javascript.

Gli effetti ottenibili tramite questa libreria comprendono: desaturazione (conversione in grigio), inversione dei colori, riflessione, controllo di luminosità, saturazione e contrasto, effetto rilievo, sfocatura, aggiunta di rumore, seppia, effetto punti, effetto mosaico, posterizzazione, solarizzazione …e altro ancora!

il primo utilizzo che mi viene in mente è l’uso di questa libreria per la creazione di effetti rollover sui pulsanti delle pagine web; ma io non ho un gran cervello, quindi sta a voi sbizzarrirvi a più non posso!

La libreria utilizza l’elemento Canvas proprio di HTML5 il quale da accesso ai dati dell’immagine “nudi e crudi”, quindi i filtri sono supportati dalla maggior parte dei browser moderni ma non sono supportati da Internet Explorer (e te pareva!?); comunque alcuni degli effetti offerti dalla libreria sono simulati usando dei vecchi filtri proprietari di Explorer.
Inoltre la libreria funziona solo su immagini che risiedono sullo stesso server delle pagine html.

Come al solito, preghiamo assieme affinché anche Internet Explorer si avvicini agli standard usati da tutti gli altri! Effetti speciali sulle immagini nelle pagine web , script  , icon smile

Pixastic è gratuito e di libero uso; è disponibile per il download in versione ‘full’ oppure possiamo scegliere quali effetti scaricare, ed anche scegliere se scaricarli come libreria stand-alone oppure come plugin di jQuery.

Esiste anche una versione ‘photo editor’ che rappresenta un ulteriore sviluppo della libreria nei panni di un piccolo software online – sempre scritto in javascript – che permette di caricare un’immagine e di applicare ad essa una miriadi di effetti e filtri; ovviamente quest’ultimo è un progetto sperimentale a puro scopo didattico, ma fa capire le potenzialità della tecnica usata.

link: Pixastic

Effetti speciali sulle immagini nelle pagine web , script  ,
Chi vuole aggiungere interattività e dinamicità ai siti Web prima o poi deve confrontarsi con JavaScript
Altri sono arrivati qui cercando:
di nudi e crudi esiste una versione senza censura?.

Lascia un Commento

L'indirizzo email non verrà pubblicato.

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

You can add images to your comment by clicking here.