Flash Storybook Phase 2 Übersicht

• April 27, 2024

Dieses Tutorial beginnt die zweite Phase unseres Flash^R. iOS Storybook App-Serie. Wenn Sie mitgemacht haben, wissen Sie, dass in der ersten Phase detailliert beschrieben wird, wie Sie eine animierte Intro-Szene für eine Storybook-App erstellen. Dieses animierte Intro ist optional, aber Sie können diese Tutorials lesen, da sie beschreiben, wie Sie einige grundlegende Flash-Animationen und Schaltflächen erstellen.

Der Grund, warum dieses animierte Intro für das Projekt optional ist, liegt darin, dass die meisten Storybook-Apps mit einer statischen Grafik des Buchdeckels und einer Schaltfläche oder einem heißen Bereich geöffnet werden, in dem der Leser berührt oder wischt, um die Seite umzublättern.

Hier beginnen wir die zweite Phase der Serie. Wenn Sie das animierte Intro in Phase 1 erstellt haben, legen Sie es zunächst beiseite. Wir werden die beiden später zusammen integrieren.

Werfen wir einen Blick auf das Bilderbuch. Wie Sie sehen können, haben wir mehrere Gegenstände auf und neben der Bühne und unsere Hauptzeitleiste hat 32 Bilder. In Bild 1 der Hauptzeitleiste enthält die Bühne das statische Titelbild für das Storybook. Neben der Buchcover-Grafik befindet sich auf der Bühne nur ein Umschaltknopf im oberen linken Cover. Diese Schaltfläche schaltet die Einstellungsmenüseite um.

Außerhalb der Bühne und links befindet sich die pageCurl-Grafik, die wir animieren, um das Umblättern der Seiten beim Berühren oder Wischen zu simulieren.

Über der Bühne befindet sich die Überlagerungsseite des Einstellungsmenüs. Wenn Sie auf der Bühne auf die Umschalttaste klicken, wird die Einstellungsmenüseite über dem geöffnet, was sich bereits auf der Bühne befindet. Diese Einstellungsseite enthält Links zu den Informationsseiten des Storybooks, z. B. zu den Seiten "Index" und "Credits". Es enthält auch eine Umschalttaste zum Ein- und Ausschalten der Hintergrundmusik und einen Link zur Website des Autors.

Warum brauchen wir diese Einstellungsmenüseite? Da es einen Link zur Indexseite enthält, hat der Leser immer die Möglichkeit, von der aktuellen Seite, die er gerade anzeigt, zum Anfang des Buches zurückzukehren. Es ist auch eine gute Idee, dem Leser die Möglichkeit zu geben, die Hintergrundmusik auszuschalten. Und natürlich möchten Sie, dass der Leser Ihre Website besucht, um weitere Informationen über Sie und Ihre anderen Buch-Apps zu erhalten.

Schauen wir uns nun die Ebenen im Zeitleistenfenster an. Wie Sie sehen können, ist die unterste Ebene die Seitenebene. Beginnend mit Bild 3 enthält jedes Bild einen Movieclip für eine Seite des Buches. Wir werden für jede Seite einen anderen Movieclip erstellen und die Movieclips auf der Bühne platzieren. Während wir uns entlang der Zeitleiste bewegen, "blättern" wir durch das Buch.

Von oben nach unten sind die anderen Schichten die folgenden.

• actionMain - enthält das ActionScript für die Hauptnavigation und Ereignisse.
  
  
• actionPages - enthält das ActionScript, das auf bestimmten Seiten des Buches ausgeführt wird. Wie Sie sehen können, sind diese Seiten 11 und 31.
  
  
• setTogBtn - enthält die Umschalttaste des Einstellungsmenüs.
  
  
• setMenu-Ordner - Dieser Ordner enthält die Ebenen, auf denen die Hintergrundgrafik des Einstellungsmenüs und die einzelnen Schaltflächen für das Menü angezeigt werden.
  
  
• buttonMain - enthält die Vorwärts- und Rückwärtsnavigationsschaltflächen.
  
  
• buttonPages - enthält Schaltflächen, mit denen das ActionScript auf den Seiten 11 und 31 gestartet wird.
  
  
• pageCurl - enthält den pageCurl-Movieclip, mit dem die Seitenumblicksimulation erstellt wird.
  
  
• Seiten - Filmclips für jede Seite des Bilderbuchs und andere Informationsseiten.
  
  

WICHTIG: Diese Tutorials zur App-Entwicklung wurden speziell für Flash-Neulinge entwickelt. Sie müssen Ihre App über die in diesen Tutorials beschriebenen Aspekte hinaus optimieren, bevor Sie Ihre App für den App Store fertigstellen können.


Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: Step by Step Schulranzen Touch 2 Flash - Produktvideo (April 2024).