Preloader per principianti

[Flep]

Qualcuno sicuramente dirà... finalmente !
FlepStudio ha pensato ai sui gentili utenti principianti di Flash CS3.
Dopo aver notato le difficoltà di certi utenti al primo approcio con Flash CS3, dopo aver letto alcuni commenti degli articoli che spiegano come caricare un SWF esterno e del tutorial Preloader, FlepStudio ha realizzato un preloder per principianti che più facile di così non credo si possa ottenere.
Questo articolo dimostrerà come caricare molto semplicemente un SWF esterno e metterà ( come sempre ) a disposizione il file sorgente. Niente classi e files .as .

Tutto si svolge sulla Timeline. Seguitemi e vedrete... Creo un FLA che salvo con nome ' main.fla ', al cui interno ho una MovieClip sullo Stage con nome istanza ' preloader_mc '.
Prima di tutto pensiamo che questo preloader dovrà essere visualizzato nella fase del caricamento dell' SWF esterno e poi a fine caricamento deve scomparire.
In più, dato che preloader_mc ha un' animazione al suo interno, dobbiamo fare in modo che corra solo durante la fase di caricamento.

Apro il pannello azioni e scrivo:

preloader_mc.stop();
preloader_mc.visible=false;

var swf:String='http://www.flepstudio.org/swf/principianti/preloader/test.swf';
var richiesta:URLRequest=new URLRequest(swf);
var loader:Loader=new Loader();

loader.contentLoaderInfo.addEventListener(Event.OPEN,inizia);
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,inCaricamento);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,completato);
loader.load(richiesta);

function inizia(e:Event):void
{
	preloader_mc.visible=true;
	preloader_mc.play();
}

function inCaricamento(e:ProgressEvent):void
{
	var percentuale:uint=(e.bytesLoaded/e.bytesTotal)*100;
	preloader_mc.loader_txt.text=percentuale.toString()+' %';
}

function completato(e:Event):void
{
	preloader_mc.stop();
	preloader_mc.visible=false;
	addChild(loader);
}

Analizziamo il codice:

fermo la timeline di preloader_mc
preloader_mc.stop();
rendo non visibile preloader_mc
preloader_mc.visible=false;

creo una variabile che contiene l' url dell' SWF che voglio caricare
var swf:String='http://www.flepstudio.org/swf/principianti/preloader/test.swf';
creo una richiesta URL alla quale passo la variabile swf che contiene ilpercorso ditrove si trova l' SWF da caricare
var richiesta:URLRequest=new URLRequest(swf);
creo un Loader
var loader:Loader=new Loader();

aggiungo i listeners alla proprietà contentLoaderInfo del loader, che sono in ascolto dei 3 eventi durante il caricamento.
I tre eventi sono: Event.OPEN, ProgressEvent.PROGRESS, Event.COMPLETE che rispettivamente servono per sapere quando parte il caricamento, la fase di caricamento e la fine del caricamento. Per ognuno di questi eventi, viene chiamata una funzione. Rispettivamente le funzioni: iniza(), inCaricamento e completato.
loader.contentLoaderInfo.addEventListener(Event.OP EN,inizia);
loader.contentLoaderInfo.addEventListener(Progress Event.PROGRESS,inCaricamento);
loader.contentLoaderInfo.addEventListener(Event.CO MPLETE,completato);

dico al loader di caricare la richiesta
loader.load(richiesta);

in questa funzione rendo visibile preloader_mc e faccio partire la sua Timeline
function inizia(e:Event):void
{
preloader_mc.visible=true;
preloader_mc.play();
}

in questa funzione calcolo la percentuale di caricamento e la visualizzo tramite un campo di testo dinamico che è all' interno di preloader_mc
function inCaricamento(e:ProgressEvent):void
{
var percentuale:uint=(e.bytesLoaded/e.bytesTotal)*100;
preloader_mc.loader_txt.text=percentuale.toString( )+' %';
}

infine fermo la Timeline di preloader_mc, lo rendo nuovamente invisibile e aggiungo allo Stage ( col metodo addChild ) il loader che contiene l' SWF caricato
function completato(e:Event):void
{
preloader_mc.stop();
preloader_mc.visible=false;
addChild(loader);
}
Allego i files sorgente:

[SamFisher]

Buonasera Flep,
sono nuovo con il Flash e soprattutto con l'Action Script... l'swf che devo caricare non deve venire eseguito il loop. Senza preloader tutto funziona, ma se inserisco il preloader non so come comunicare allo script che dovrà eseguire l'swf caricato senza loop.

Grazie.

[Flep]

Ciao SamFisher e benvenuto

Se metti uno stop nel FLA che crea l' SWF che devi caricare ?

[SamFisher]

Ciao Flep,
grazie per la rapida risposta.

Potresti spiegarti meglio? Ho appena cominciato con il flash (2 giorni... ;))

Grazie.

[Flep]

Dunque, supponiamo tu vuoi caricare animazione.swf in home.swf

Se in animazione.swf hai una animazione che corre sulla timeline, se vuoi che non vada in loop, sull' ultimo keyframe apri il pannello azioni e scrivi:

stop();

[SamFisher]

Uao! Non lo sapevo. Così risolvo 1000 miei problemi.

Grazie!

[gabestorm]

inizio con una domanda facile:
il codice lo devo mettere sul fotogramma o sull'istanza, bottone o qualunque cosa ci sia sullo stage?

[SamFisher]

Se vuoi fermare l'intero movie devi metterlo nell'ultimo keyframe.

[gabestorm]

Se vuoi fermare l'intero movie devi metterlo nell'ultimo keyframe.

¿dici a me?

[Flep]

Originally Posted by gabestorm

inizio con una domanda facile:
il codice lo devo mettere sul fotogramma o sull'istanza, bottone o qualunque cosa ci sia sullo stage?

Se ti rferisci al codice del preloader, allora lo devi mettere sul primo keyframe.
Lo selezioni ed apri il pannello azioni.