Flash ActionScript 3 scaleY avaa kirjekuori

• Saattaa 20, 2024

Nyt kun olemme ohjelmoineet kirjekuoren läppä Flash-laitteeseemme^R animaatio näkyy kokonaan avoimena kirjekuoren yläpuolella, kun leimapainiketta napsautetaan, animointia on tarkennettava, jotta näyttää siltä, ​​että läppä aukeaa hitaasti. Teemme tämän hallitsemalla läpän kaksi ominaisuutta. Muista, että uusiFlap-objekti on muuttuja, joka viittaa kirjaston FlapAni-elokuvaleikkeeseen. Käytämme tätä varia saadaksesi läppä näkymään lavalla.

Pikakatsauksena viimeisessä opetusohjelmassa ohjelmoimme toiminnon nimeltä openFlap lisätäksesi uudenFlap-objektin näyttöluetteloon. Teimme tämän addChild-koodilla. Asetamme myös newFlap.x- ja newFlap.y -ominaisuuksien alkuperäisen sijainnin. Tämä asetti läpän alaosan kirjekuoren yläreunaan. Kuten aiemmin mainittiin, x- ja y-aseman arvot lavalla voivat vaihdella kirjekuoren koosta ja sijainnista riippuen.

Ensimmäinen asia, joka meidän on tehtävä, on kokeilla löytää uusiFlap.y-arvo, joka asettaa läpän kirjekuoren yläreunan alapuolelle ja siten poissa näkyvistä animaation alussa. Itse asiassa haluamme, että kolmion muotoisen läpän piste on juuri kirjekuoren yläreunan alapuolella. Kun kokeilet, voi olla helpompaa siirtää läppä 100 pikseliä oikealle asettamalla newFlap.x arvoon 300 (lisäys 100). Tällöin läppä tulee osittain näkyväksi kirjekuoren oikealla puolella. Kokeilun jälkeen huomasin, että newFlap.y-arvo 200 oli mitä tarvitsin. Tämä on uusi läppämme alkuasema. Älä unohda laittaa newFlap.x-arvoa takaisin alkuperäiseen arvoon ennen siirtymistä seuraavaan vaiheeseen.

1. Meidän on vaihdettava nykyinen koodi viimeisestä opetusohjelmasta vastaamaan uutta newFlap.y-arvoamme 200. Testaa elokuvasi tämän muutoksen tekemisen jälkeen. Sinun ei pitäisi nähdä läppää napsauttamalla leima-painiketta.
   
   newFlap.y = 200;
   
   Animaatioomme varten haluamme, että läppä liikkuu hitaasti ylöspäin kirjekuoren yläpuolelle. Samanaikaisesti meidän on skaalattava läppä auki alkuperäisestä asteikon arvosta nolla. Aloittamalla nollaan asetetulla asteikolla voimme hidastaa läpän skaalausta täysin auki. Y-arvo siirtää läppää ylöspäin, mutta asteikon arvo saa sen, että läppä näyttää avautuvan.
   
   
2. Seuraava muutos funktioon on koodin lisääminen, joka asettaa asteikonY nollaksi ja tasoittaa läpän.
   
   newFlap.scaleY = 0;
   
   Nyt meidän on työskenneltävä sen osan animaatiosta, joka avaa kannen. ActionScriptillä on useita tapoja tehdä tämä. Tässä opetusohjelmassa käytämme vaiheeseen kiinnitettyä tapahtumankäyttäjää toisen toiminnon suorittamiseen, jota kutsumme scaleFlap. Sijoita tämä toinen toiminto openFlap-toiminnon sisään.
   
   
3. Lisäämme scaleY-koodin alle tapahtumankäyttäjän lavalle. Tämä suorittaa scaleFlap-toiminnon.
   
   stage.addEventListener (Event.ENTER_FRAME, scaleFlap);
   
   
4. Lisää seuraavaksi toinen toiminto. Kopioi ja liitä tämä koodi openFlap-toimintoon.
   
   toiminto scaleFlap (tapahtuma: tapahtuma): mitätön
   {
   if (newFlap.scaleY> = 1)
   {stage.removeEventListener (Event.ENTER_FRAME, scaleFlap); }
   muu
   {newFlap.scaleY + =. 05;
   newFlap.y - = 2,9;}
   }
   
   Tutkitaan koodia. Ensimmäinen if-lause tarkistaa skaalaY-arvon nähdäksesi, onko se yhtä suuri tai yhtä suuri kuin 1. Numero 1 edustaa asteikon arvoa 100%). Jos ehto on totta, poistamme tapahtuman kuuntelijan ja pysäytämme animaation.
   
   Jos ehto on väärä, jatkamme animaatiota lisäämällä scaleY-arvoa0,05 ja siirtämällä läppää ylöspäin negatiivisella 2.9. (Flash-vaiheessa siirrymme ylöspäin vähentämällä Y-aseman numeroarvoa.) Tämä jatkuu jokaisella uudella kehyksellä, kunnes if-lauseen ehto on totta.
   
   Nämäkin lukuarvat voivat jälleen olla erilaiset elokuvallasi kirjekuoren koon ja kirjekuoren sijainnin vuoksi lavalla. Tässä on viimeinen animaatio.

Tekijänoikeus 2018 Adobe Systems Incorporated. Kaikki oikeudet pidätetään. Adobe-tuotteen näyttökuva (t) uusitaan Adobe Systems Incorporatedin luvalla. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Ilotulitteet, Contribute, Captivate, Flash Catalyst ja Flash Paper on / on joko [a] rekisteröity tavaramerkki (t) tai Adobe Systems Incorporatedin tavaramerkki (t) Yhdysvalloissa ja / tai muissa maissa.

Video-Ohjeita: 8. Propiedades width, height, scaleX, scaleY | Hacer Juegos en AS3 Animate (Flash) (Saattaa 2024).