Obiettivo
In questo articolo tratteremo come creare un preloader con un loader circolare.
Il preloader
Con la parola preloader, identifichiamo una animazione che viene eseguita prima dell'animazione principale
Articolo
In flash, le funzioni che ci vengono d'aiuto per la costruzione del nostro preloader sono due:
getBytesLoaded()
che restituisce il numero di byte caricati fino a quel momento
e
getBytesTotal()
che ci da la dimesione dei byte da caricare.
La cosa che dobbiamo fare e' un ciclo che finisce quando i bytes caricati sono uguali a quelli totali.
Per far cio', dobbiamo mettere nei primi due frame, il ciclo e a partire dal terzo frame il filmato vero e proprio.
Nel primo e nel secondo frame mettiamo il seguente codice:
bytes_loaded = Math.round(getBytesLoaded());
bytes_total = Math.round(getBytesTotal());
getPercent = bytes_loaded/bytes_total;
if (bytes_loaded == bytes_total) {
gotoAndStop(3);
}
angolo= getPercent*100;
_root.loadText = Math.round(getPercent*100)+"%";
_root.circvel.gui_needle._rotation = angolo*3.6; //fa ruotare di max
360 gradi la lancetta
Nel secondo frame mettiamo come action in aggiunta:
_root.gotoAndPlay(1);
il loader circolare
Creiamo un nuovo movieclip come in figura
in cui mettiamo un cerchio con le barrette e poi mettiamo dentro questo
movieclip un altro movieclip che rappresenta la lancetta e gli diamo come nome
d'istanza "gui_needle".
Creiamo un nuovo layer nella scena principale e mettiamo il movieclip appena
creato dandogli come nome dìistanza "circvel" sia nel primo che nel secondo frame. La lancetta girera' grazie a
_root.circvel.gui_needle._rotation = angolo*3.6;
