Adobeflash hogyan kell egy gombot, sima animáció és hang segítségével az ActionScript 3
Főoldal »Blog» AdobeFlash: Hogyan készítsünk egy gombot, sima animáció és hang, az ActionScript 3
AdobeFlash: Hogyan készítsünk egy gombot, sima animáció és hang, az ActionScript 3
Már tárgyalt, hogyan lehet a gomb AdobeFlash. Ebben a leckében létrehozunk egy kicsit más, fejlett gomb, ami simább lesz animáció, ha az egérmutató, ha megnyomja játszani a hangot.
A tanulság hajtsa végre a következő lépéseket:
Létrehozása alap gomb
Először felhívni gombot, szöveget a tetején. Miután kiválasztotta az objektumot, és átalakítja a szimbólum gombot.

Most meg kell adnia az újonnan létrehozott gombot, és adja hozzá a kulcs képkockák az objektum állapotát. Ehhez lapozzunk a kívánt keretet, és kattintson a jobb egérgombbal a bal helyi menüben válasszuk ki az «Insert keyframe» (Kulcskép).

Ha már hozzáadott kulcskockákat gombot a módosítani kívánt megjelenését bizonyos keretek, például, hogy világosabb kitöltés. Mivel egérráhelyezés animáció fog bekövetkezni, hogy változni fog a megjelenése egy gomb, nem tudja megváltoztatni a megjelenését gombok «Over» keret, és az egyetlen változás a keretben «Le», amely megjeleníti a gombot, ha rákattint.
Ahhoz, hogy hozzá egy objektumot a gombot, és összekapcsolják őket egy VideoKlip
A kissé bonyolítja a feladatot, mondjuk egy gomb minden tárgyat, és azt is, hogy animálni az egérrel. Festék, például ilyen csillag és alakítani egy szimbólum.


Helyezzük két objektum a könyvtárban: egy gombot, és a csillag egy videoklipet. Ehhez hozzon létre egy új szimbólumot a főmenüben: Insert -> New Symbol ....

Most megy az üres szimbólum, adjunk hozzá három rétegből áll, nevezzük őket «AS3». «Csillag». «Gomb». Az első 3 réteg fogja ActionScript kódot a másik két jelölt gombot, és egy csillag a könyvtárból összhangban a nevét a rétegeket.

Hozzátéve Kulcsképek animálni a csillagok és a gombok
Az animáció létrehozása gombok és lánckerekek kell hozzá a kulcs képkockák és a változás egyes paraméterek tárgyak. Ehhez válassza ki a tizedik keret az egyes rétegek, kattintson a jobb egérgombbal a helyi menüből válassza ki a «Insert keyframe». amint az az ábrán látható.

Paramétereinek beállítása az animáció és létrehozását Tween-animáció
Válassza ki a tizedik keret, egy csillag, egy kicsit jobbra fordulását és a nagyítás az eszköz használata «Free Transform eszköz».

Ezután menj a réteg „gomb”, és válassza ki a gombot a tizedik réteg, változtatni a színét a gomb, adjunk hozzá egy szűrőt erre «Adjust Color», paraméter a „Kontraszt”, meg a „30” értéket.

Amikor képkockák hozzá, akkor létre kell hozni a köztük Tween animációt. Kiemelünk néhány képkocka az első és a tizedik keret rétegek «csillag» és «gomb». Kattintson a jobb gombbal, és a helyi menüből válassza a «Create Classic Tween».

Ha most az alkalmazás futtatásához (ctrl + enter), az animáció meg kell ismételni növekedése és forgatás A csillag változtatja a gomb színét.
Hozzáadunk 3 ActionScript kód feldolgozására animációs gomb
Ahhoz, hogy az animáció játszik az egérrel, akkor kell hozzá ActionScript 3 kód réteg «AS3» az első keretben.
Először meg kell állítani az animáció, akkor ez további stop () parancs. majd az egér esemény rakodók, hogy fogja követni, ahol a kurzor található - a környéken, vagy nincs gomb. Azt is meg kell adni egy kezelőt az a enterFrame esemény, melyik lesz a mozgás az animáció képkockánként helyzetétől függően az egér: Ha az egér gombját, akkor megy előre, ha a kurzor a gombot, majd vissza. Itt látható a ActionScript 3 kód hozzá:
Meg lehet futtatni a mintát, és hogyan működik.
Hozzáadása a gomb hang
Adjunk hozzá egy másik hangot, hogy ő játszotta a gomb megnyomásával. Letöltésével bármilyen hangfájlt AdobeFlash könyvtárban.

Felveheti egy eseménykezelő a gombot, hogy a hangot a gomb megnyomásával, de mi könnyebb, egyszerűen rendelhet hangkeretnek a gombra. Menj a gomb objektumot, ahol az állam a gomb kereteket. Válassza ki a keretet «Hit». megy a tulajdonságait «ingatlanok», és hozzanak létre «hang». paraméter «Név» A listából válassza ki a hangot, amely nemrég feltöltött a könyvtárba.

Miután hangot ad hozzá a keret, akkor az idővonal, keret «hit» a következő:
Ezért választottuk a keret «hit». helyett «a»? Az a tény, hogy általában, ha figyel, a hangjelzést, ha megnyomja nem történhet idején a sajtó, és a kiadás időpontjában megnyomása után, ha a kurzor a gombot. De akkor is adjunk hangot bármely más keretére. Ez vonatkozik a szokásos videóklip, nem csak a gombok.
Letöltés forrásoktól létre animált gombok AdobeFlash az ActionScript 3.0, akkor itt.
Lásd még:
Hozzon létre egy gombot a Flash CS5 Adobe
Trükkök és tippek a Flash tervezők: rajz