Oversikt over Flash Storybook Phase 2
Denne veiledningen begynner den andre fasen av vår FlashR iOS Storybook App-serie. Hvis du har fulgt med, vet du at første fase beskriver hvordan du lager en animert intro-scene for en historiebok-app. Denne animerte introen er valgfri, men det kan være lurt å lese veiledningene, da de dekker hvordan du lager noen grunnleggende Flash-animasjoner og knapper.

Årsaken til at denne animerte introen er valgfri for prosjektet er fordi de fleste storybook-apper åpnes med en statisk grafikk av bokomslaget og en knapp eller et varmt område der leseren berører eller sveiper for å snu siden.

Det er her vi begynner fase to av serien. Hvis du har opprettet den animerte introen i fase en, er det bare å sette den til side for nå. Vi vil integrere de to sammen senere.

La oss ta en titt på historien. Som du kan se, har vi flere elementer på og utenfor scenen, og vår viktigste tidslinje har 32 bilder. På ramme 1 av hovedtidslinjen inneholder scenen det statiske omslagsbildet for historien. Foruten bokomslagets grafikk, er det eneste på scenen en vippeknapp øverst til venstre. Denne knappen bytter innstillingsmenysiden.

Av scenen og til venstre er siden Curl-grafikk som vi vil animere for å simulere sidene som snur når de blir berørt eller sveipet.

Over scenen er innstillingsmenyens overleggsside. Når du klikker på vippeknappen på scenen, åpnes menyen for innstillinger over det som allerede er på scenen. Denne innstillingssiden inneholder koblinger til historieboksens informasjonssider, for eksempel indeks- og studiepoengsiden. Den inneholder også en vippeknapp for å slå av / på bakgrunnsmusikken og en lenke til forfatterens nettsted.

Hvorfor trenger vi denne innstillingsmenysiden? Fordi den inneholder en lenke til indekssiden, har leseren alltid en måte å komme tilbake til begynnelsen av boken fra den gjeldende siden de ser på. Det er også en god idé å gi leseren muligheten til å slå av bakgrunnsmusikken. Og selvfølgelig vil du at leseren skal besøke nettstedet ditt for mer informasjon om deg og dine andre bokapper.

La oss se på lagene i tidslinjepanelet. Som du ser er det nederste laget sidelaget. Fra ramme 3 inneholder hver ramme et filmklipp for en side av boken. Vi skal lage et annet filmsnutt for hver side og plassere filmklippene på scenen. Når vi beveger oss på tidslinjen, "bla" vi gjennom boka.

Fra topp til bunn er de andre lagene følgende.

  • actionsMain - inneholder ActionScript for hovednavigering og hendelser.

  • actionsPages - inneholder ActionScript som vil vises på bestemte sider i boken. Som du ser, er disse sidene 11 og 31.

  • setTogBtn - inneholder knappen for innstillingsmeny.

  • setMenu-mappe - denne mappen inneholder lagene som viser bakgrunnsgrafikken for innstillingsmenyen og de individuelle knappene for menyen.

  • buttonsMain - inneholder navigeringsknappene fremover og bakover.

  • knapperSider - inneholder knapper som vil starte ActionScript på side 11 og 31.

  • pageCurl - inneholder sidenCurl-filmklippet som lager simuleringen av sidesving.

  • sider - filmklipp for hver side i historien og andre informasjonssider.

VIKTIG: Disse opplæringsprogrammene for apputvikling er skrevet med Flash-novisen i tankene. Du må optimalisere appen din utover det som dekkes i disse opplæringsprogrammene før du fullfører appen din for app store.


Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.


Video Instruksjoner: Disneyland Paris 2018 (August 2021).