, skabe en løjerlig animeret flash baggrund,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,,, to gange om måneden, kan vi se på nogle af vores læsere favorit stillinger fra hele historien om activetuts +.denne forelæsning blev offentliggjort første gang i maj 2009, ved hjælp af actionscript 3,0, vil vi skabe en fed tegnefilm baggrund, som vi kan bruge i menu skærme eller som musik visualizer.,,, endelige resultat forpremiere, lad os se på, hvad vi skal arbejde hen imod:,, trin 1: kort overblik. vi vil skabe en klasse, der tager sig af den samlede virkning.når du ringer til den klasse, du vil være i stand til at ændre antallet af lys, farve, alpha, størrelse, retning, hastigheden og kvaliteten af sløre filter.på denne måde er det muligt at opnå mange forskellige resultater, når de bruger det.også, kan du bruge en baggrund, du vil have.,, trin 2:. fia - dokument, skabe en ny actionscript 3,0 dokument (sag > nye...).sæt scenen størrelse, deres ønskede dimensioner, jeg har brugt 600 x 300 px.,, trin 3: din baggrund, tilføje eller tegne et billede til anvendelse som baggrund, jeg har brugt en simpel blå hældning (# 02c7fb,
f63b4).,, trin 4: lag omdøbe den første lag "baggrund" skabe en anden og kalder det "kode".kan du låse "kode" lag for at undgå anbringelse af uønskede tegninger i.,, løntrin 5: actionscript, redde dit arbejde, og lad os komme ind i koden.jeg formoder, du allerede har en grundlæggende forståelse af actionscript 3,0, hvis du har nogen nøgleord tvivl i særlige tilfælde henvises der til flash hjælp (f1), skabe en ny actionscript - sagen (sag > nye...), trin 6: import, der kræves i klasser, pakke klasse {* import, der kræves klasse * /import flash.display.movieclip; import flash.filters.bitmapfilter; import flash.filters.blurfilter; import flash. begivenheder. begivenhed, vi importerer de klasser, som vi bruger, huske på, at ordet næste "pakke" er navnet på den mappe, hvor vores klasse er beliggende.,, trin 7: forlængelse af den klasse, har vi behov for at udvide ////////klasse, så vi kan bruge addchild() metode.offentlige klasse lys udvider movieclip {, forlængelse af movieclip klasse vil give vores klasse til at arve alle de metoder, egenskaber og funktioner, at movieclip har, i dette tilfælde, vi bruger det til at få adgang til addchild() metode.,, trin 8: variabler, selv om de er temmelig selvforklarende navne vil jeg tilføje korte bemærkninger til hver enkelt var at sørge for, at det er klart.de får deres værdier fra parametre for de vigtigste funktion. private var lightsnumber: int. //antallet af lys på scenen private var xspeed: int. //vandrette hastighed lysene er private var yspeed: int. //vertikal hastighed private var lightsdir: string; //retning lyset vil det kan være, op, ned, venstre eller højre private var areaw: int. //bredden af det område, hvor virkningen vil finde sted privat var areah: int. //højde private var lys: array = nye array(); //dette system vil opbevare alle lysene movieclips, så vi kan bruge dem uden for de ved, hvor vi er ved at skabe dem.,, trin 9: vigtigste funktion /* hovedfunktion * /offentlige funktion lokalitet (areawidth: int, areaheight: int, numberoflyvninger: int, lightsize: int, lightcolor: uint, minimumscale: antal, hspeed: int, vspeed: int dir: string, kvalitet: int): ugyldig (areaw = areawidth; areah = areaheight; lightsnumber = numberoflights; lightsdir = dir. det er den opgave, som vi skal til at starte på virkning, - satte vi også den variable værdier i denne kodeks,.,, trin 10: at skabe lys for (var - jeg: int = 0. jeg < numberoflights; jeg + +) {* skabe et bestemt antal lys * /var lys: movieclip = nye movieclip(); /* fastsat tilfældigt hastighed - x og y baseret på params * /xspeed = matematik. etage (matematik. random() * (hspeed - - hspeed + 1) + - hspeed); yspeed = matematik. runde (matematik. random() * vspeed) + 0, 5); light.xspeed = xspeed; light.yspeed = yspeed 's; /* skabe lys * /lys. grafik. beginfill (lightcolor); lys. grafik. drawcircle (0, 0, lightsize /2); lys. grafik. endfill(); i denne kode, vi bruger et "i" erklæring om at skabe antallet af lys brugeren sætter i parameter og beregne semi - tilfældige hastighed for hvert lys.,, trin 11: holdning, dette er en tilfældig start position i lyset baseret på området parametre. lys. x = matematik. etage (matematik. random() * areawidth); lys. y = matematik. etage (matematik. random() * areaheight), trin 12. - sløret filter, var b: int = matematik. etage (matematik. random() * 10) + 5 //beregner en tilfældig sløret mellem 9 og tilføjer 5 til resultatet.var sløret: bitmapfilter = nye blurfilter b, b, kvalitet); //den blurfilter objekt.var filterarray: array = nye system (tåge); //at anvende filter, vi har brug for en bred vifte af filtre.light.filters = filterarray; //fastsætter filtre system til lyset, ovennævnte kode gælder den tåge.kan du huske, at denne kodeks er en del af, så lyset får forskellige slører.,, trin 13: alfa, light.alpha = matematik. random() * 0, 6 + 0,1;, let; dette er alpha ejendom mellem 0, 1 og 0, 6.,, trin 14: omfang, light.scalex = matematik. runde (((matematik. random() * (1-minimumscale) + minimumscale) * 100) /100 light.scaley = lys. scalex; det viser omfanget af lyset mellem den oprindelige størrelse og omfang parameter.vi bruger en runde metode til at redde processor.,, trin 15: forøgelse af lyset på scenen, addchild (lys) /* butik lys i et system til at bruge det senere * /lys. tryk (lys) /* tjek lys retning * /checkdirection(), øger dette lys på scenen så vi gemmer dem i et system til at bruge dem senere.det er også den checkdirection funktion for at se, i hvilken retning vil lyset gå. trin 16: se retning funktion, privat funktion checkdirection(): ugyldig (for (var - jeg: int = 0. jeg < lights.length; jeg + +) (skift (lightsdir) {"op": lys [i]. addeventlistener (event.enter_frame, moveup); bryde; sag "ned": lys [i]. addeventlistener (event.enter_frame, movedown); bryde; sag "ret": lys [i]. addeventlistener (event.enter_frame, moveright); bryde; sag "venstre": lys [i]. addeventlistener (event.enter_frame, moveleft) og ødelægge; default: spor ("ugyldig retning!");}}}, her har vi brug for, at få adgang til alle lysene i nettet, så tjek retning variabel for at fastslå, hvor flytter lyset.afhængigt af, hvilken retning vi føje den til at lytte til den tilsvarende funktion.,, skridt 17: funktioner, det næste afsnit kan virke lidt indviklet, men det er lettere, end du tror.det flytter lyset afhængigt af den hastighed, der beregnes i den primære funktion, så kontrollen, hvis baggrund er "venstre" området i kraft.hvis det er tilfældet, er det en tilfældig holdning, i modsætning til den retning, der er lys under pos. privat funktion moveup e: begivenhed): ugyldig (e.target. x + = e.target.xspeed; e.target. y - = e.target.yspeed; /* nulstille lys holdning, y først, derefter x * /hvis (e.target. y + (e.target.height /2) < 0) (e.target. y = areah + (e.target.height /2); e.target. x = matematik. etage (matematik. random() * areaw)} hvis ((e.target. x + e.target.width /2) < 0