Flash - Tutorial: „Einfacher PreLoader“
by LinuxUser (aka. slysphotos)
Wenn man aufwendigere Flash-Movies, wie zum Beispiel Intros mit Hintergrundmusik oder Ähnlichem, auf einer Homepage präsentieren will, ist es sinnvoll, einen so genannten PreLoader einzusetzen. Dieser soll dem Besucher anzeigen, dass der Flash-Movie geladen wird, und nicht etwa sein Browser abgestürzt ist. Außerdem kann man noch einen „Skip“ Button einbauen, der dem User das Laden des Movies auf Wunsch erspart.
• Als Ersts beginnen wir mit einem leeren Flash-Dokument.
• Danach ruft man unter Fenster > Design-Bedienfelder > Szene das Bedienfeld "Szene" auf.
• Hier benennen wir nun die „Szene 1“, durch Doppelklick auf den Namen, in „PreLoader“ um. Anschließend fügen wir eine zweite Szene ein, die wir „Movie“ taufen. Hierbei sollte unbedingt darauf geachtet werden, dass der „PreLoader“ als erste Szene aufgeführt ist!
• Nachdem wir das Dialogfeld geschlossen haben, und uns vergewissert haben, dass wir uns in der „PreLoader“ Szene befinden (der Name der aktive Szene steht links oben), können wir nun mit dem Arbeiten beginnen.
• Jetzt können wir im ersten Schlüsselbild ein „Loading…“ Symbol erstellen. Hierzu geben wir den Text „Loading…“ in ein Textfeld ein, und formatieren es nach belieben. (Man kann natürlich auch ein Logo oder eine andere Grafik dafür verwenden)
• Jetzt konvertieren wir den Text in einen Movie-Clip mittels Rechtsklick > In Symbol Konvertieren.
• Anschließend klicken wir den Clip doppelt an, um ihn zu bearbeiten.
• Nun erstellen wir, zusätzlich zum ersten Schlüsselbild, noch jeweils eines bei den Frames 10 und 20.
• Jetzt können wir einen Bewegungs-Tween zwischen den Schlüsselbildern erstellen. Hierzu markieren wir die Frames 1 bis 20, und wählen Rechtsklick > Bewegungs-Tween erstellen aus.
• Als nächstes wählen wir das Schlüsselbild bei Frame 10 aus, und stellen bei den Eigenschaften des Objektes, unter Farbe den Alpha-Wert auf 0%.
• Wenn wir nun den Ablauf des Movie-Clips betrachten, haben wir einen, sich wiederholt ein- und ausblendenden, „Loading…“ Text.
• Nun beenden wir die Bearbeitung des Movie-Clips und gehen wir zur Szene “PreLoader“ zurück. Hier öffnen wir nun die „Aktionen - Bild“ Leiste.
• Hier wählen wir die Szene „PreLoader“ aus, und geben folgenden Code ein:
ifFrameLoaded ("Movie", XX) {
gotoAndPlay("Movie", 1);
}
• Jetzt können wir uns dem Erstellen des eigentlichen Flash-Movies widmen. Das könnt ihr wie gewohnt machen, achtet aber darauf, dass ihr euch in der Szene „Movie“ befindet.
• Zum Schluss müssen wir nur noch die Nummer des letzten Frames des eigentlichen Flash-Movies in den PreLoader eintragen. Hierzu gebt ihr an der Stelle wo bis jetzt „XX“ stand, einfach die Nummer eures letzten Frames an.
• Der PreLoader ist jetzt Fertig!
Wer will kann sich jetzt noch mit einem „Skip“ Button, der in der Regel einen Link auf eine Seite ohne Flash enthält, oder einer %-Leiste spielen, die den Fortschritt des Ladeprozesses anzeigen soll. Für solch eine %-Leiste müsst ihr lediglich mehrere Schlüsselbilder erstellen, und sie mit verschiedenen Frame-Nummern aus der Szene „Movie“ verknüpfen.
Have a lot of fun!
By LinuxUser (aka. slysphotos)