Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Kapitel 10. Flash-Inhalte laden und opti... > Die Elemente des Preloaders zusammen...

10.3. Die Elemente des Preloaders zusammenstellen

Wenn Sie die Datei 10Start.fla ansehen, sehen Sie, dass Blasen im Wasser animiert werden, aber das Glas bleibt immer voll. Sie fügen nun eine Maske hinzu und animieren sie mit ActionScript, damit die Flüssigkeit in dem Glas erscheint, während der Film geladen wird. Außerdem fügen Sie ein Textfeld hinzu, das den prozentualen Anteil des Films anzeigt, der bereits geladen worden ist.

  1. Doppelklicken Sie auf das Glas auf der Bühne, um den Preloader bearbeiten zu können.



    Der Preloader enthält mehrere Ebenen, die ihrerseits die gezeichneten Elemente enthalten und die Blasen animieren. Wenn Sie die Flüssigkeit in dem Glas auswählen, zeigt der Eigenschaften-Inspektor an, dass der Name ihrer Instanz loadingBar_mc ist.

  2. Doppelklicken Sie nochmals auf das Glas auf der Bühne, um den Preloader bearbeiten zu können.



    Der Preloader enthält nur eine Ebene, die die Wasserform enthält. Sie fügen später Text und eine Maske hinzu, um das Wasser zu verbergen.

  3. Klicken Sie au das Symbol Ebene einfügen, nennen Sie die neue Ebene Text und geben Sie für Layer 1 den Namen Liquid ein.

  4. Wählen Sie das erste Bild der Ebene Text.

  5. Erstellen Sie mithilfe des Textwerkzeugs ein Textfeld unter dem Glas.



  6. Wählen Sie Dynamischer Text aus dem Menü oberhalb des Instanznamens im Eigenschaften-Inspektor. Wählen Sie Arial als Schriftart, 16 als Textgröße und Dunkelgrau (#666666) als Textfarbe.



    Veränderungen bei dynamischem Text werden durch Eingaben seitens des Zuschauers oder andere Ereignisse in ActionScript hervorgerufen. In dieser Lektion schreiben Sie ActionScript, um den Text zu verändern, während der Film geladen wird.

  7. Nennen Sie die Instanz loaderText_txt.

    In ActionScript verweisen Sie später auf die Instanz loaderText_txt.

  8. Geben Sie 0% loaded in das Textfeld auf der Bühne ein.

  9. Benutzen Sie das Auswahlwerkzeug, um die Größe und die Position des Textfelds anzupassen, damit es sich zentriert unter dem Glas befindet.

  10. Wählen Sie die Ebene Liquid und klicken Sie auf das Symbol Ebene einfügen. Nennen Sie die neue Ebene Mask.



  11. Wählen Sie Bild 1 auf der Ebene Mask.

  12. Ziehen Sie das Symbol loaderMask aus dem Bedienfeld Bibliothek auf die Bühne. Platzieren Sie es so, dass es die Flüssigkeit im Glas bedeckt.



  13. Markieren Sie die Instanz des Symbols loaderMask auf der Bühne und nennen Sie sie im Eigenschaften-Inspektor loaderMask_mc.



    In ActionScript verweisen Sie später auf die Instanz loaderMask_mc.

  14. Rechtsklicken Sie (Windows) oder klicken Sie bei gedrückter Control-Taste (Mac OS) auf die Ebene Mask und wählen Sie Maske.

    Flash rückt die Ebene Liquid ein und sperrt sowohl sie als auch die Ebene Mask.



  15. Klicken Sie auf Scene 1, um zur Hauptzeitleiste zurückzukehren.


  

You are currently reading a PREVIEW of this book.

                                                                                                                    

Get instant access to over $1 million worth of books and videos.

  

Start a Free Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint