Flash ActionScript 3 scaleY a boríték megnyitásához

• Lehet 18, 2024

Most, hogy beprogramoztuk a boríték fedelét a Flash-be^R Ha az animáció teljesen nyitottnak tűnik a boríték felett, amikor rákattint a bélyegző gombra, finomítani kell az animációt úgy, hogy úgy tűnik, hogy a fedél lassan kinyílik. Ezt a szárny két tulajdonságának ellenőrzésével fogjuk megtenni. Ne feledje, hogy az newFlap objektum egy változó, amely a FlapAni filmklipre utal a könyvtárban. Ezt a var-t használjuk, hogy a szárny megjelenjen a színpadon.

Gyors áttekintésként az utolsó oktatóprogramban az openFlap nevű funkciót programoztuk egy újFlap objektum hozzáadására a Megjelenítési listához. Ezt az addChild kóddal csináltuk. Beállítottuk az newFlap.x és az newFlap.y tulajdonságok kezdeti helyzetét is. Ez a fedél alját helyezte a boríték felső szélére. Mint korábban említettük, az x és y pozíció értékei a színpadon a boríték méretétől és helyétől függően változhatnak.

Az első dolog, amit meg kell tennünk, hogy kísérletet találjunk egy újFlap.y érték megtalálására, amely a fedelet a boríték felső széle alá helyezi, és ezért az animáció kezdetén nem látható. Valójában azt akarjuk, hogy a háromszög alakú szárny pontja közvetlenül a boríték felső széle alatt legyen. Kísérletezése közben könnyebb lehet a 100 képpont jobb oldalát mozgatni, ha az newFlap.x-et 300-ra állítja (további 100). Ezáltal a fedél részben látható lesz a boríték jobb oldalán. Kísérleteim után megállapítottam, hogy egy újFlap.y értékre, 200-ra volt szüksége. Ez a szárny új kezdeti pozíciója. Ne felejtse el visszatenni az newFlap.x értéket az eredeti értékre, mielőtt továbblép a következő lépésre.

1. Meg kell változtatnunk a meglévő kódot az utolsó oktatóprogramból, hogy tükrözze az új newFlap.y 200-as értékünket. Tesztelje filmjét a változtatás elvégzése után, és a bélyegzőgombra kattintva ne lássa a fedelet.
   
   newFlap.y = 200;
   
   Animációnkhoz azt akarjuk, hogy a fedél lassan felfelé mozogjon a boríték fölé. Ugyanakkor a nyitott fedél méretét a nulla kezdeti skálaértékből kell skáláznunk. Ha a nullára állított skálát kezdjük, lecsökkenthetjük a fedél méretét, hogy teljesen kinyíljon. Az y érték mozgatja a fedelet felfelé, de a skála érték miatt a fedél kinyílik.
   
   
2. A funkció következő változtatása egy olyan kód hozzáadása lesz, amely a skálaY-t nullára állítja és ellapítja a fedelet.
   
   newFlap.scaleY = 0;
   
   Most az animáció azon részén kell dolgoznunk, amely megnyitja a fedelet. Számos módja van ennek az ActionScript használatával. Ebben az oktatóprogramban a színpadhoz csatolt eseményfigyelőt fogjuk használni, hogy futtassunk egy második funkciót, amelyet skalFlapnak hívunk. Ezt a második függvényt az OpenFlap függvénybe helyezzük.
   
   
3. A scaleY kód alatt adjuk hozzá az eseményfigyelőt a színpadhoz. Ez fogja futtatni a scaleFlap függvényt.
   
   stage.addEventListener (Event.ENTER_FRAME, scaleFlap);
   
   
4. Ezután adja hozzá a második funkciót. Másolja és illessze be ezt a kódot az openFlap funkcióba.
   
   function scaleFlap (esemény: esemény): érvénytelen
   {
   if (newFlap.scaleY> = 1)
   {stage.removeEventListener (Event.ENTER_FRAME, scaleFlap); }
   más
   {newFlap.scaleY + =. 05;
   newFlap.y - = 2,9;}
   }
   
   Vizsgáljuk meg a kódot. Az első, ha az állítás ellenőrzi a scaleY értéket, hogy kiderüljön, hogy nagyobb-e vagy egyenlő-e az 1. Az 1. szám 100% -os skálaértéket képvisel). Ha a feltétel teljesül, akkor eltávolítjuk az eseményfigyelőt és leállítjuk az animációt.
   
   Ha a feltétel hamis, akkor folytatjuk az animációt azáltal, hogy a scaleY értéket 0,05-rel megnöveljük, és a fedőt felfelé negatív 2,9-rel mozgatjuk. (A Flash színpadon felfelé mozogunk az Y pozíció számértékének csökkentésével.) Ez minden új képkockával folytatódik, amíg az if állítás feltétele igaz.
   
   Ezek a számértékek ismét eltérhetnek a filmnél a boríték méretétől és a színpadon lévő boríték helyétől függően. Itt van a végső animáció.

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. 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 és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.

Video Utasításokat: 8. Propiedades width, height, scaleX, scaleY | Hacer Juegos en AS3 Animate (Flash) (Lehet 2024).