Flash tutorial - Preloader

Hvis du har en større swf fil som skal ligge på internettet en er preloader en rigtig god ide. En preloader tjekker hvornår indholdet af den valgte fil er hentet ned på brugerens computer, og først derefter starter selve filmen. Det sikre at filmen ikke hopper hvis internetforbindelsen ikke kan følge med.

Tilbage

1. Åben Flash og start et nyt dokument.
   
   
2. Lav et MovieClip som du kalder "loadbar" og som indeholder en tween der går fra frame 1 til 100 og lav en stop kommando i frame 1.
   
   
3. Træk dit MovieClip ind på scenen og lav to dynamiske tekstfelter som du giver instansnavnene "bytes" og "procent".
   
   
4. Sæt nu en ny keyframe i frame to og giv den label navnet "start" nede i properties.
   
   
5. Nu mangler vi kun selv Action Scriptet. Gå tilbage til frame et og læg følgende Action Script på keyframen:
   
   
   1. stop();
   2. this.onEnterFrame = function() {
   3.     //Sætter bl til antal loaded bytes
   4.     bl = this.getBytesLoaded();
   5.     //Sætter bl til det totale antal bytes
   6.     bt = this.getBytesTotal();
   7.     //Sætter pc til antal loaded procent (i hele tal)
   8.     pc = Math.ceil((bl/bt)*100);
   9.     //Indsætter pc i det dynamiske tekstfelt med instans navnet Procent
   10.     procent.text = pc+" %";
   11.     //Indsætter bl og bt i det dynamiske tekstfelt med instans
   12.     //navnet bytes
   13.     bytes.text = bl+"/"+bt;
   14.     //Får MovieClip'et "loadbar" til at gå til frame pc
   15.     //(f.eks. 15% = frame 15 osv.)
   16.     loadbar.gotoAndStop(pc);
   17.     //Tjekker om loaded bytes = total bytes
   18.     //hvis går den til framen med labelnavnet start
   19.     if (bl>10 && bl == bt) {
   20.         gotoAndPlay("start");
   21.     }
   22. };
   
   
   Så skulle preloaderen virke.
   
   NB. Hvis du kører den på computeren vil du nok ikke engang kunne nå at se preloaderen, men når du lægger den op på internettet vil den komme til gavn.
   
   

Tilbage

Optimeret til Internet Explorer og Firefox min. 1024x768 | Designet og programmeret af jweber