Start-nupu programmeerimine - Flash Storybook


Oleme otsustanud oma välklambi käivitamiseks kasutada nähtamatut nuppuR juturaamatute rakendus, aga kuidas see töötab. Viimases õpetuses lõime raamatu graafika kohal nähtamatu nupu. Nüüd lisame natuke ActionScripti, et öelda Flashile, mida teha, kui nuppu klõpsatakse. See käsib Flashil lihtsalt järgmise kaadri juurde minna (2. raam) ja sellel kaadril alustame vaheldumisi animatsiooni, et raamatut pöörata ja täisekraanile pöörata.

Alustame ActionScripti lisamisega toimingukihi 1. raami.

  1. Klõpsake toimingukihi 1. raamil ja avage toimingute paneel (aken - toimingud). Lisage allolev kood.

    peatus ();

    startButton.addEventListener (MouseEvent.CLICK, goBegin)
    funktsioon goBegin (evt) {
    startButton.removeEventListener (MouseEvent.CLICK, goBegin)
    gotoAndPlay (2);
    }

    Stop () kood käsib Flashil peatuda ajatelje kaadril 1, et mängida kaunistuste animatsiooni ja alustada muusikat. Välk püsib sellel raamil kuni nupule klõpsamiseni ja seejärel loeb see ülejäänud koodi.

    Oleme nupule StartBut lisanud sündmuste kuulaja, mis nupule klõpsates kutsub funktsiooni goBegin. GoBegini funktsioon eemaldab sündmuse kuulaja nupult start ja liigutab ajatelje kaadrisse 2. Alustame siis tööd, mis juhtub kaadriga 2, mis on raamatu animatsiooni vahepealne aeg.

    Meil on juba laval raamatu näide, kuid see asub ühel ornamentist ja igihaljastest allpool asuval kihil. See oli vajalik, kuna liikumiseks oli vaja kaunistusi. Kui raamat avaneb, katab see kogu lava ja peidab kaunistused ja igihaljad. Selleks peab raamatukaan olema palju kaunistuste ja igihaljaste kihtide kohal. Nii et loome selle jaoks uue kihi.

  2. Sulgege toimingute paneel ja naaske peamisele ajajoonele. Lisage ajajoonele uus kiht, kohe nuppude Buttons alla, nimega "cover2".

  3. Lisage selle uue kihi raami 2 võtmeraam.

  4. Lohistage kaanefilmi teine ​​eksemplar raamatukogust ja lavale, kuid seekord me suurust ei vähenda. Asetage kaas nii, et X ja Y positsioonid oleksid atribuutide paneelil 0.0. Sellel paneelil olemise ajal andke sellele filmiklipile eksemplari nimi "cover2".

  5. Võite märgata, et näeme ikkagi nähtamatuid nuppe raamatukaante ülaosas. Neid nuppe pole meil enam vaja. Lisage võtmeraam nuppude kihi raami 2. Valige mõlemad nupud ja klõpsake nuppu Redigeerimine - Kustuta, et neid lavalt eemaldada.

  6. Minge tagasi Cover2 kihi juurde ja paremklõpsake Cover2 filmiklipil ja looge Motion Tween. Lohistage vahekaugus raamile 30 otsa lõpetamiseks.

  7. Minge vahekaardi viimase kaadri juurde ja lisage võtmeraam. See seab kogu animatsiooni lõppraami jaoks raamatu kaane täissuuruses.

  8. Minge tagasi kaadrisse 2 ja kasutage raamatukaane suuruse vähendamiseks tööriista Free Transform ja pöörake seda seni, kuni see asub allpool asuval kihil esimese raamatukaanega samas asendis.

  9. Sellest hetkest alates pole meil vaja raamatukaante filmiklipi esimest eksemplari. Tweeni animatsiooni lõppraamile (Raam 30) ja kaanekihile (alumine kiht, mis sisaldab raamatukaant) lisage võtmeraam. Valige kaanepilt ja klõpsake Edit - Clear, et kaanefilmi esimene eksemplar lavalt eemaldada.

  10. Kuna kõik uue Cover2 kihi all olevad kihid on peidetud, saame filmiklipid nendest kihtidest eemaldada. Lisage iga kihi (purpleOrn, greenOrn, redOrn, igihaljad ja puit) raamile 30 võtmeraam ja klõpsake nuppu Redigeerimine - Kustuta.

  11. Proovige filmi

Siin on sellel hetkel ajajoon.

Märkus eksemplarinimede kohta: arutasime varem, et eksemplari nimi aitab Flashil filmiklippe tuvastada ja et iga eksemplari nimi peab olema kordumatu. Kui kasutame rohkem kui ühte filmiklippi, nagu ma kaanefilmi puhul, kasutan sama nime, kuid lisan lõpus järjenumbri.

TÄHTIS: Need rakenduse arendamise õpetused on kirjutatud Flash-algajat silmas pidades. Enne rakenduse poes viimistlemist peate oma rakenduse optimeerima kaugemale sellest, mida need õpetused hõlmavad.


Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. 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 and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

PHP for Web Development (August 2022)



Silte Artikkel: Start-nupu programmeerimine - Flash Storybook, Flash ja Animatsioon, kuidas teha interaktiivset ajaraamatut Flashis, ActionScripti nupukood