Pridajte tlačidlo ActionScript do tlačidla pre animáciu obálky

• Apríl 19, 2024

V posledných niekoľkých tutoriáloch sme dokončili animáciu, ktorá spôsobila, že obálka preletla do stredu javiska a pridali sme neviditeľné tlačidlo nad pečiatku na obálke. Teraz, jediná vec, ktorú treba urobiť pre prvú polovicu animácie, je pridať do nášho tlačidla niekoľko riadkov jazyka ActionScript. Tento kód povie Flash, aby jednoducho zastavil animáciu na snímke 80 a počúval kliknutie na tlačidlo. Keď kliknete na tlačidlo, ActionScript presunie animáciu do rámca 81 a druhej polovice animácie. Zvyšok animácie samozrejme potrebujeme zostaviť, ale zatiaľ budeme pracovať na kóde, vďaka ktorému bude naše tlačidlo ovládať časovú os.

Otvorte náš súbor fla do Flash CS3. V tomto okamihu máme na časovej osi 80 snímok. Počas tohto tutoriálu budeme pracovať na Frame 80.

1. Odomknite vrstvy Akcie a InvButton. V rámci rámca 80 vrstvy Akcie kliknite pravým tlačidlom myši a pridajte kľúčový rámec. Na paneli Menubar kliknite na položku Okno, Akcie a otvorte panel Akcie.
   
   
2. Pridajte nasledujúci kód na panel Akcie.
   
   stop ();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   function open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   hrať();
   }
   
   Ako vidíte, tento kód má tri časti. Najprv pridáme kód stop (), aby sme zastavili animáciu a čakali na kliknutie na tlačidlo. Pretože kód je na snímke 80, animácia sa zastaví.
   
   Ďalej pridáme EventListener do inštancie InvButton1 nášho neviditeľného tlačidla pečiatky. Tento EventListener bude počúvať kliknutie myšou na tlačidlo a potom zavolať funkciu open_Env.
   
   Funkcia open_Env robí dve veci. Najskôr odstráni EventListener a potom presunie animáciu do rámca 81 s kódom play ().
   
   
3. Po pridaní jazyka ActionScript na panel Akcie môžete panel Akcie zatvoriť.
   
   
4. Ako vidíte, všetko sme urobili na snímke 80. Kliknutím na Ovládanie, Testovanie filmu vyskúšajte tlačidlo. Uvidíte, že animácia sa automaticky nevráti späť na začiatok časovej osi po snímke 80, ako predtým. Teraz sa náš film zastaví a čaká, kým niekto na tlačidlo klikne. Je to preto, že teraz riadime časovú os pomocou jazyka ActionScript.
   
   

Uložte svoj súbor fla pre nasledujúci tutoriál, keď začneme pracovať na druhej polovici animácie obálky.

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti 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 a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.