Vindeffekt med Flash CS3 Math.random ()

• Kan 10, 2024

Nu hvor vi har vores snefnug falder i vores Flash^R partikelsystem, lad os ændre ActionScript 3-koden lidt. Vores flake falder lige lige ned. Men medmindre der absolut ikke er nogen vind, kører de fleste flager ned ad skrå. Så lad os bruge noget matematik til at få vores flage til at bevæge sig lidt til højre, når den falder. For at tilføje mere realisme ønsker vi, at mængden af ​​vandret bevægelse ændrer sig, når snefnuget gør det langt ned på scenen.

Husk, at vi i en af ​​vores tidligere tutorials i denne serie placerede flager på forskellige positioner vandret langs toppen af ​​scenen. Det gjorde vi ved at indstille forskellige værdier for X-positionen for hver flage. Så i denne tutorial kan vi bruge den samme _Snowflake.x egenskab igen til at kontrollere den vandrette bevægelse i animationen.

For det andet, da vi oprettede vores flage, satte vi flags oprindelige X- og Y-positioner til et tilfældigt tal.

_Snowflake.x = Math.random () * 510;
_Snowflake.y = Math.random () * 40;

Vi kan bruge den samme Math.random () til at kontrollere mængden af ​​tilfældig vandret bevægelse. Har du gætt hvad der kommer næste?

Vi ved, at på hver ramme af vores Flash-film kalder vi snefaldsfunktionen.

stage.addEventListener (Event.ENTER_FRAME, snefald);

Denne funktion øger egenskaben_Snowflake.y med 10 for hver ramme. Det er dette, der bevæger flaget ned ad scenen.

_Snowflake.y + = 10;

Men det er for hurtigt for os at se den subtile vandrette bevægelse, som vi vil tilføje næste. Så lad os bremse det lidt ved at ændre 10 til et 5.

_Snowflake.y + = 5;

Nu kan vi bruge den samme kode til at flytte flagen vandret til højre. Alt hvad vi skal gøre er at ændre_Snowflake.y til_Snowflake.x.

_Snowflake.x + = 10;

Nu flytter snefnug 10 pixels til højre og 5 pixels nede ved hver ramme i vores Flash-film. Men det ville være mere realistisk, hvis snefnugets vandrette bevægelse var mere tilfældig, da den gør det nede på scenen. Vi kan gøre dette ved at erstatte 10 med et tilfældigt tal mellem 0 og 9. Vi vil bruge Math.random () til at gøre dette.

_Snowflake.x + = Math.random () * 10;

Dernæst tilføjer vi denne nye kode til snefaldsfunktionen, og vi får denne.

if (_Snowflake.y> 370)
{stage.removeEventListener (Event.ENTER_FRAME, snefald); }
andet
{_Snowflake.y + = 5;
_Snowflake.x + = Math.random () * 10;}

Men nu, hvor vi flytter flagen til højre, kan den til sidst gå ud over højre side af skærmen. Husk, at vi stoppede snefnug, hvis det faldt under scenen.

if (_Snowflake.y> 370)

Vi kan også stoppe det, hvis det går ud over højre side af scenen. Lad os tilføje det til vores betingede erklæring. Fordi vi ønsker, at animationen skal stoppe, hvis enten den første ELLER den anden af ​​disse betingelser er rigtige, kan vi bruge || operatør mellem de to betingelser i if-erklæringen.

if (_Snowflake.y> 370 || _Snowflake.x> 550)

Hvis en af ​​disse betingelser er sandt, fjerner Flash ENTER_FRAME begivenhedslytter.

Her er vores nye kode.
stage.addEventListener (Event.ENTER_FRAME, snefald);

var _Snowflake: mcSnowflake;

_Snowflake = nyt mcSnowflake ();
addChild (_Snowflake);
_Snowflake.x = Math.random () * 510;
_Snowflake.y = Math.random () * 40;

funktion snefald (begivenhed: begivenhed): annulleret
{
if (_Snowflake.y> 370 || _Snowflake.x> 550)
{stage.removeEventListener (Event.ENTER_FRAME, snefald); }
andet
{_Snowflake.y + = 5; _Snowflake.x + = Math.random () * 10; }
}

Når du teksten din film, varierer snefnug nu sin vandrette bevægelse, når den falder til bunden af ​​scenen. Gem din snescene som SnowScene6.fla.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Photoshop Grid Pattern (Kan 2024).