Flash Storybook Phase 2 Overzicht

• Mei 20, 2024

Deze tutorial begint de tweede fase van onze Flash^R iOS-verhalenboek App-serie. Als je het hebt gevolgd, weet je dat in de eerste fase wordt beschreven hoe je een geanimeerde introductiescène maakt voor een verhalenboek-app. Deze geanimeerde intro is optioneel, maar misschien wilt u deze zelfstudies lezen, omdat deze betrekking hebben op het maken van enkele basis Flash-animaties en knoppen.

De reden dat dit geanimeerde intro optioneel is voor het project, is omdat de meeste verhalenboek-apps worden geopend met een statische afbeelding van de boekomslag en een knop of een heet gebied waar de lezer raakt of veegt om de pagina om te slaan.

Hier beginnen we met fase twee van de serie. Als u de geanimeerde intro in fase één hebt gemaakt, legt u deze gewoon even opzij. We zullen de twee later samen integreren.

Laten we het verhalenboek eens bekijken. Zoals je kunt zien, hebben we verschillende items op en naast het podium en onze hoofdtijdlijn heeft 32 frames. Op frame 1 van de hoofdtijdlijn bevat het podium de statische omslagafbeelding voor het verhalenboek. Naast de afbeelding van de boekomslag is het enige op het podium een ​​schakelknop in de linkerbovenomslag. Met deze knop schakelt u tussen de instellingenmenupagina.

Links en rechts van het podium is de pageCurl-afbeelding die we zullen animeren om de pagina's te simuleren die worden omgedraaid wanneer ze worden aangeraakt of geveegd.

Boven het podium bevindt zich de overlay-pagina met het instellingenmenu. Wanneer u op de schakelknop in het werkgebied klikt, wordt de menupagina met instellingen geopend over wat zich al in het werkgebied bevindt. Deze instellingenpagina bevat koppelingen naar de informatiepagina's van het verhalenboek, zoals de pagina's Index en Credits. Het bevat ook een schakelknop om de achtergrondmuziek in / uit te schakelen en een link naar de website van de auteur.

Waarom hebben we deze menupagina met instellingen nodig? Omdat het een link naar de indexpagina bevat, heeft de lezer altijd een manier om terug te keren naar het begin van het boek vanaf de huidige pagina die hij bekijkt. Het is ook een goed idee om de lezer de optie te geven om de achtergrondmuziek uit te schakelen. En u wilt natuurlijk dat de lezer uw website bezoekt voor meer informatie over u en uw andere boek-apps.

Laten we nu eens kijken naar de lagen in het tijdlijnpaneel. Zoals u ziet, is de onderste laag de pagina-laag. Beginnend met Frame 3, bevat elk frame een filmclip voor één pagina van het boek. We maken voor elke pagina een andere filmclip en plaatsen de filmclips op het podium. Terwijl we langs de tijdlijn bewegen, "bladeren" we door het boek.

Van boven naar beneden zijn de andere lagen de volgende.

• actionsMain - bevat het ActionScript voor de hoofdnavigatie en evenementen.
  
  
• actionsPages - bevat het ActionScript dat op bepaalde pagina's van het boek wordt uitgevoerd. Zoals u kunt zien, zijn deze pagina's 11 en 31.
  
  
• setTogBtn - bevat de schakelknop voor het instellingenmenu.
  
  
• map setMenu - deze map bevat de lagen met de achtergrondafbeelding van het instellingenmenu en de afzonderlijke knoppen voor het menu.
  
  
• buttonsMain - bevat de voorwaartse en achterwaartse navigatieknoppen.
  
  
• buttonsPages - bevat knoppen waarmee ActionScript op pagina's 11 en 31 wordt gestart.
  
  
• pageCurl - bevat de pageCurl-filmclip die de simulatie van de paginaroute maakt.
  
  
• pagina's - filmclips voor elke pagina van het verhalenboek en andere informatiepagina's.
  
  

BELANGRIJK: deze zelfstudies voor app-ontwikkeling zijn geschreven met de Flash-beginner in gedachten. U moet uw app verder optimaliseren dan wat in deze zelfstudies wordt behandeld voordat u uw app definitief maakt voor de app store.


Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst en Flash Paper is / zijn ofwel [a] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: Disneyland Paris 2018 (Mei 2024).