Oversigt over Flash Storybook Phase 2

• Kan 2, 2024

Denne tutorial starter den anden fase af vores Flash^R iOS Storybook App-serie. Hvis du har fulgt med, ved du, at den første fase beskriver, hvordan du opretter en animeret intro-scene til en historiebog-app. Denne animerede intro er valgfri, men du ønsker måske at læse disse tutorials, da de dækker hvordan man opretter nogle grundlæggende Flash-animationer og knapper.

Årsagen til at denne animerede intro er valgfri til projektet, er fordi de fleste storybook-apps åbner med en statisk grafik af bogomslaget og en knap eller et varmt område, hvor læseren rører ved eller stryger for at vende siden.

Det er her vi begynder fase to af serien. Hvis du har oprettet den animerede intro i fase en, skal du bare lægge den til side for nu. Vi integrerer de to senere.

Lad os se på historiebogen. Som du kan se, har vi flere genstande på og uden for scenen, og vores hovedtidslinje har 32 rammer. På ramme 1 af hovedtidslinjen indeholder scenen det statiske coverbillede til historiebogen. Foruden bogomslagets grafik er det eneste på scenen en vippeknap i øverste venstre omslag. Denne knap skifter indstillinger-menusiden.

Fra scenen og til venstre er siden Curl-grafik, som vi vil animere for at simulere siderne, der drejer, når de røres eller svejses.

Over scenen er indstillingsmenuens overlay-side. Når du klikker på skifteknappen på scenen, åbnes menuen med indstillinger over det, der allerede er på scenen. Denne indstillingsside indeholder links til historiebogens informationssider, f.eks. Indeks- og kreditkortsider. Den indeholder også en vippeknap for at tænde / slukke for baggrundsmusikken og et link til forfatterens websted.

Hvorfor har vi brug for denne menu med indstillinger? Da det indeholder et link til indekssiden, har læseren altid en måde at komme tilbage til begyndelsen af ​​bogen fra den aktuelle side, som de ser. Det er også en god ide at give læseren mulighed for at slå baggrundsmusikken fra. Og selvfølgelig ønsker du, at læseren skal besøge dit websted for at få flere oplysninger om dig og dine andre bogapps.

Lad os nu se på lagene i panelet Tidslinje. Som du kan se, er det nederste lag sidelaget. Fra ramme 3 indeholder hver ramme et filmklip til en side af bogen. Vi opretter et andet filmklip for hver side og placerer filmklippene på scenen. Når vi bevæger os langs tidslinjen, "sidder" vi gennem bogen.

Fra øverst til nederst er de andre lag følgende.

• actionsMain - indeholder ActionScript til hovednavigation og begivenheder.
  
  
• actionsPages - indeholder ActionScript, der kører på bestemte sider i bogen. Som du kan se, er disse sider 11 og 31.
  
  
• setTogBtn - indeholder knappen til indstilling af menuen for indstillinger.
  
  
• mappe setMenu - denne mappe indeholder de lag, der viser baggrundsmønsteret for indstillinger, og de individuelle knapper til menuen.
  
  
• knapperMain - indeholder navigationsknapperne fremad og tilbage.
  
  
• knapperSider - indeholder knapper, der starter ActionScript på side 11 og 31.
  
  
• pageCurl - indeholder sideCurl-filmklippet, der opretter simulering af sideskift.
  
  
• sider - filmklip for hver side i historien og andre informationssider.
  
  

VIGTIGT: Disse tutorials til appudvikling er skrevet med Flash-begynderen i tankerne. Du bliver nødt til at optimere din app ud over, hvad der er dækket af disse tutorials, før du afslutter din app til app store.


Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: It Chapter 2: Pennywise’s Origin Explained (Kan 2024).