Pubblicità? Flash

In molti siti, al posto del banner noioso ed obsoleto sono nate pubblicità? che appaiono a tutto schermo ed interrompono la navigazione. Abbiamo preso come scusa le festività? natalizie ed abbiamo creato lo stesso effetto con il nostro Albero di Natale.

Per elaborare il filmato di 720x280 pixel e sfondo bianco, scarichiamo l'albero di natale da importare al suo interno.
Poichè l'albero deve muoversi lungo lo sfondo è stato subito convertito in un clip filmato "albero".
All'interno del simbolo "albero" procediamo all'addobbo con due nuovi movie clip come "fiocco" e "candela". Lasciamo a voi il compito di colorarli ed animarli a piacere.

Nella Scena invece costruiamo un percorso per l'albero. Nel nostro caso abbiamo scelto di fare una pausa intermedia al centro della pagina.
Ora sfruttando il livello "azioni" temporizziamo il movimento dell'albero. Non è nostra intenzione far gironzolare l'albero perennemente sullo schermo ma far avvenire l'animazione al caricamento della pagina e ad esempio ogni 3 minuti.

Il livello azioni mostrato nella figura precedente permette di temporizzare il movimento dell'albero ad esempio ogni 3 minuti.
Nel primo fotogramma vengono impostate le condizioni di controllo che faranno partire l'animazione:

ora=new Date();
minuti=ora.getMinutes();
secondi=ora.getSeconds();
if(((minuti%3)==0 )&&(secondi==0)){
   gotoAndPlay(3);
}

Ad ogni ciclo memorizziamo nella variabile ora la data e l'ora attuale, nelle righe successive memorizziamo in opportune variabili i minuti ed i secondi.
Se i minuti sono divisibili per tre (il resto della divisione è uguale a zero) e i secondi sono uguali a zero (i minuti sono appena scattati) allora mettiamo in moto il filmato (gotoAndPlay(3);).

Nel secondo fotogramma chiudiamo il ciclo di controllo (gotoAndPlay(1);), mentre l'ultimo fotogramma, dopo l'animazione riporta il filmato alla fase di controllo (gotoAndPlay(1);) per verificare i minuti di attesa prima della nuova riproduzione.

Per fare in modo che il filmato si riproduca automaticamente al caricamento della pagina utilizziamo la scena di "preload" composta da un solo livello "azioni" e dai due fotogrammi chiave con un ciclo di controllo. Nel primo fotogramma conrolliamo lo scaricamento del 5? fotogramma della scena "albero"

ifFrameLoaded("albero",5){
   gotoAndPlay("albero",3);
}

Se il fotogramma 5 della scena principale "albero" è stata caricata allora procede alla riproduzione automatica del filmato da fotogramma 3 (saltando il controllo temporale).

L'ultimo elemento da gestire è il montaggio del filmato all'interno della pagina HTML.

Occorre Pubblicare il filmato in formato .swf con la pagina HTML allegata per poter copiare il codice realizzato dal programma.
Ricordiamo che quel codice permette di richiamare il plugin o l'ActiveX necessario a visualizzare il filmato e di scaricarlo dalla rete se assente nel browser dell'utente.
à? a questo codice che apporteremo le modifiche per posizionarlo ed acquistare le caratteristiche di trasparenza necessarie.
Vediamo il codice completo da inserire nella pagina:

<object id="albero" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="500" width="750" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="albero.swf" name="movie" /><param value="high" name="quality" /><param value="transparent" name="wmode" /></object>

Al posto del colore di sfondo bgcolor suggerito da Flash occorre sostituire il codice:

<param name="wmode" value="transparent">
<embed src="filmato.swf" type="null" wmode="transparent" ...

Normalmente i filmati Flash, senza questa caratteristica venivano sovrapposti ad ogni immagine o testo inserito nella pagina con il suo colore per tutta la dimensione del filmato. Ora con questo comando è possibile sovrapporre menu con livelli a filmati .swf e filmati a pagine con l'uso della trasparenza.

Il risultato finale è visibile nella prima pagina dell'articolo.