Reflex e ReflexMe: da Classe base a Classe

Venerdì 13 Giugno, 2008

Nel post Flash CS3: creare un effetto Reflex su qualsiasi MovieClip avevamo visto com'è possibile scrivere una classe, che estende un MovieClip, per collegarla a DesignTime ad un qualsiasi MovieClip in libreria. Ho scoperto, tuttavia, che può risultare più utile ed economico fare il percorso contrario. Ho creato una classe Reflex (Reflex.as), con l'intenzione di usarla esclusivamente da codice. Ho creato questa classe pensando di passare nel costruttore il puntatore ad un MovieClip. La nuova classe Reflex contiene in sostanza lo stesso codice prima inserito nella ReflexMe, ma leggermente modificato in modo da poter funzionare espressamente da codice:

Actionscript:
  1. //
  2. import undolibrary.sfx.*;
  3. //
  4. var rx:Reflex = new Reflex( movieClipInstance );

Continua a leggere... »

Post correlati

Papervision3D: effetti con perlinNoise()

Lunedì 9 Giugno, 2008

Sfruttando l'effetto generato da perlinNoise() è possibile creare effetti di increspatura e onde con Papervision3D.

Scarica il sorgente

Per compilare il sorgente avete bisogno sia di Papervision3D che di Undolibrary - che ora potete trovare come pacchetto ZIP direttamente nella sezione Download di Google Code.

Post correlati

Esperimenti con DisplacementMapFilter e perlinNoise()

Venerdì 6 Giugno, 2008

Introduco oggi un argomento interessante e vasto che ha il suo “core” nell’uso della classe DisplacementMapFilter. Questa classe permette di applicare un Filtro mappa di spostamento ad un oggetto visuale Flash (Bitmap, Sprite, etc…). Di filtri, Flash CS3, ne ha vari ed appartengono tutti alla stessa famiglia. Tuttavia il DisplacementMapFilter ha caratteristiche davvero particolari, come vedreno, che lo rendono straordinario nella generazione di effetti davvero spettacolari.

DisplacementMapFilter - clicca per aprire il filmato Flash

DisplacementMapFilter - clicca per aprire il filmato Flash

Scarica il sorgente

Continua a leggere... »

Post correlati

Effetti sulle Bitmap con perlinNoise()

Lunedì 2 Giugno, 2008

La classe BitmapData permette di applicare in modo semplice effetti utilissimi per svariati scopi. Avevamo già visto come creare un effetto "nebbia tv" con poche righe di codice (Flash CS3: creare effetto nebbia TV in 1 secondo). Ora ci occuperemo di un altro effetto "spettacolare" che, come vedremo in seguito, permette di realizzare degli interessantissimi effetti grafici, come nell'esempio mostrato qui sotto: variate i parametri per osservare i differenti effetti, cliccando con il mouse sull'immagine generata questa può essere spostata.

Loading Flash Player...

Per l'occasione ho anche aggiunto un nuovo semplice componente (Check) in Undolibrary! Quindi aggiornate il vostro repository SVN. Il sorgente è disponibile qui: MapEffect.zip

Continua a leggere... »

Post correlati

FIVe3D: effetti speciali su un cubo! In attesa di Flash 10

Venerdì 16 Maggio, 2008

Molto probabilmente, quando uscirà la nuova versione di Adobe Flash, librerie 3D a "basso livello" come FIVe3D faranno una brutta fine! Tuttavia, prima di "cestinarle", ecco un esempio di quello che è possibile realizzare (con l'ultima release 2.1):

Loading Flash Player...

Il codice della demo qui sopra è abbastanza articolato, quindi non lo propongo integralmente online. Inserisco, comunque, alcune parti di codice interessanti.

Aggiornamento: per il sorgente clicca qui

Continua a leggere... »

Post correlati

Google AJAX Language API: tutorial sul funzionamento

Martedì 13 Maggio, 2008

Rispondo, con questo post, alla richiesta di Andrea su come inserire il traduttore di Google nel proprio web. Esistono vari modi per usufruire dei servizi di traduzione automatica messi a disposizione da Google e non solo. Possiamo usare Plugin scritti da terzi, un semplice script Javascript preconfezionato da Google stessa o imparare ad usare le API, cioè una serie di funzioni richiamabili - come vedremo - in vari modi.

Plugin

Su questa soluzione non mi dilungo, in quanto credo non sia propriamente attinente alla richiesta di Andrea, se ho compreso bene. Inoltre è una soluzione sostanzialemente valida solo per i Blog e non per un uso personalizzato e generico. Posso solo segnalare, per gli utenti WordPress, Global Translator, forse il più semplice, funzionale e diffuso Plugin di questo tipo.

Script preconfezionato da Google

Il modo più semplice per tradurre il proprio sito web o il proprio Blog è quello di inserire un semplice script Javascript fornito da Google stessa. Basta andare sul sito translate.google.com e cliccare sulla scheda 'Strumenti'. Da questa pagina è possibile preimpostare le funzioni di traduzione o lasciare quelle di default. Lo script è molto semplice:

HTML:
  1. <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=it&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"></script>

e come risultato si ottiene:

Google Translate

Continua a leggere... »

Post correlati

Arrivano i GURU: seminario su Photoshop CS3 e Digital Imaging

Venerdì 9 Maggio, 2008

Inauguro con questo Post una nuova sezione Eventi & iniziative, viste le numerose segnalazioni che spesso mi vengono proposte. Ovviamente segnalerò quelle inerenti ai temi di questo Blog.

image"Arrivano i Guru", si terrà a Roma ad Ottobre 2008, e vede per la prima volta in assoluto, la presenza in Italia di Martin Evening, massimo esperto di digital imaging, nonchè autore di innumerevoli libri di successo su Photoshop, venduti in tutto il mondo.
Vista l'unicità dell'evento, quest'anno l'organizzazione ha ideato un "Tour" di 8 tappe, in altrettante città italiane, la cui partecipazione è TOTALMENTE GRATUITA.
Durante i vari incontri gli Adobe Guru Marianna Santoni, Claudio Marconato, Tiziano Fruet, e Davide Vasta, intratterranno i partecipanti con 5 ore di seminari di approfondimento su vari temi, dalla fotografia digitale, al design ed al Web design. Ci saranno 3 tappe che avranno luogo al Sud (Napoli, Bari, Catania), notoriamente "snobbato" da eventi di grande rilevanza. Il sito Web ufficiale è questo: http://www.arrivanoiguru.com

(segnalato da: Davide Vasta)

Post correlati

Shadowbox assetURL: impostare il percorso delle immagini

Sabato 12 Aprile, 2008

Quando Shadowbox apre la sua finestra per mostrare un contenuto (immagine, iframe, Movie, ecc...), visualizza, nell'attesa, un gif animato che viene fornito nel pacchetto. Se la pagina che sta utilizzando Shadowbox si trova allo stesso livello della cartella images, tutto funziona bene. Per default, infatti, Shadowbox cerca la gif animata sotto images/loading.gif - o images/loading-light.gif se avete scelto gli stili light (shadowbox-light.css). Altrimenti, e spesso c'è il rischio anche di non accorgesene, se ci troviamo in una diversa alberatura, viene generato un bel codice 404 - di pagina non travata; nel nostro caso di file non trovato!

Per risolvere il problema basta inizializzare Shadowbox con un parametro opportuno che indica proprio il percorso assoluto della cartella images: su undolog.com, ad esempio, ho posizionato la gif animata del loading direttamente nella cartella images presente in root (come circa un miliardo di altri siti :). Per rendere accessibile questa cartella a Shadowbox, a prescindere dal percorso, ho inserito semplicemenete:

JavaScript:
  1. // init shadowbox with assetURL parameter
  2. Shadowbox.init( {assetURL: 'http://www.undolog.com/' } );

Post correlati

Tutti i cloni di Lightbox in una matrice dinamica

Venerdì 11 Aprile, 2008

Planetozh ha realizzato uno splendito strumento dinamico in grado di elencare tutte le librerie Javascript simili a Lightbox.

image

image Tramite un pannello (vedi  immagine qui a sinistra) con una serie di "spunte" (checkbox), che indicano le varie caratteristiche delle librerie, è possibile eseguire un filtro ottenendo così la lista di una o più librerie che fanno al caso nostro. Speriamo che l'autore mantenga aggiornata questa fantastica pagina, utilissima nel districarsi tra le numerose e sempre più potenti librerie di questo tipo.

Post correlati

Flash CS3: creare effetto nebbia TV in 1 secondo

Giovedì 27 Marzo, 2008

Flash CS3 non finisce di stupire. Ecco come creare il classico effetto nebbia dei televisori in un secondo con 10 righe di codice.

Loading Flash Player...

Actionscript:
  1. import flash.display.Bitmap;
  2. import flash.display.BitmapData;
  3. //
  4. var bmpd:BitmapData = new BitmapData(320, 256);
  5. var bmp:Bitmap = new Bitmap(bmpd);
  6. //
  7. addChild(bmp);
  8. //
  9. bmp.addEventListener( Event.ENTER_FRAME,
  10.     function (e:Event):void {
  11.         bmpd.noise(Math.random()*1000, 0, 200, 7, true);
  12.     }
  13. );

Post correlati