Flash: effetto www.tartana.com

Di: synapse16 | 26/09/2020 18:41:17
Salve ragazzi vorrei ricreare l'effetto del preloading del sito www.tartana.com e' la frase all' inizio che trema come posso fare aiutatemi please.

Risposte



Ciao Synapse16,
ho cambiato il titolo del tuo intervento perché l’effetto che ti interessa ha poco a che fare con il preloading.
Ho esaminato www.tartana.com: il preloading è semplice, con il logo e una barra di avanzamento. Appena finito il preload c'è un effetto di blur sul logo, quindi penso che tu ti riferissi a quello...
Quello che serve per realizzare l’effetto è solamente flash.filters.BlurFilter.
Come si usa?
Prepariamo il filmato:
- Crea un nuovo filmato Flash
- Crea un movieclip a tua scelta
- Assegna questo nome istanza al movieclip “my_mc”.
Importiamo l’effetto:
L’effetto blur, come tutte le classi di ActionScript deve essere importato, perché altrimenti non è disponibile. Quindi il primo rigo del nostro script sarà questo:
import flash.filters.BlurFilter;
Possiamo notare che tutti i termini vengono riconosciuti da Flash e quindi sono mostrati in blu.
Creiamo il nostro blur:
Ora che abbiamo importato la classe che ci interessa possiamo definire il nostro primo filtro.
Abbiamo bisogno di tre parametri che sono chiamati blurX, blurY e quality.
- blurX indica l’estensione orizzontale in pixel.
- blurY indica l’estensione verticale in pixel.
- quality indica quante volte deve essere applicato il filtro (come quando su PhotoShop applichiamo più volte lo stesso filtro).
Il rigo di codice che useremo per definire il nostro filtro potrebbe essere questo:
var my_blur:BlurFilter = new BlurFilter(2, 2, 1);
“2, 2, 1” sono in ordine blurX, blurY e quality.
applichiamo il filtro:
Adesso che il filtro è disponibile possiamo usarlo su un movieclip.
Avevamo già istanziato un movieclip con il nome “my_mc”, quindi non ci servirà fare altro che scrivere così:
my_mc.filters = [my_blur];
A questo punto proviamo il filmato e vediamo che il nostro movieclip appare un po’ sfocato, è l’effetto Blur!!!
Prova a inserire valori diversi per blurX e blurY e vedrai cosa si riesce a fare.
Naturalmente ora vorrai sapere come fare per animare questo effetto...
Sullo stesso filmato su cui abbiamo fatto la prova di prima inserisci un secondo fotogramma chiave, lo useremo per spostarci al termine della transizione.
Cancella gli script di prima e inserisci questi:
import flash.filters.BlurFilter;
stop();
var my_blur:BlurFilter = new BlurFilter(1, 1, 1);
my_mc.onEnterFrame = function() {
my_blur.blurY*=1.2;
my_mc.filters = [my_blur];
if (my_blur.blurY>100) {
_root.gotoAndStop(2);
}
};
Le prime tre righe si capiscono.
Dalla quarta riga assegnamo a my_mc un onEnterFrame con una funzione che:
- Aumenta il valore di blurY.
- Assegna l’effetto a my_mc.
- Controlla se abbiamo raggiunto un valore superiore a 100 e in quel caso fa spostare l’animazione al frame 2.
Prova il filmato e dovresti vedere il tuo movieclip “blurrare” in verticale e poi spostarsi al frame 2.
Buon lavoro.

Di: Professore | 26/09/2020 18:42:17