Quick Tips: trylle frem en Jazzy Mouse Cursor Trail
Del
Del
Del
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I denne hurtig Tips vil du lære hvordan du bruker matematiske funksjoner i Flash for å lage stier av filmklipp sammen uansett hvilken vei tar musepekeren.
Du vil også få en innføring i de matematiske funksjoner, som for eksempel varierende størrelse, alpha, og fargen på Movie Clip - og alt dette ved hjelp av AS3. Jeg håper du finner denne Quick Tips nyttig
Endelig resultat Forhåndsvisning
La oss ta en titt på det endelige resultatet vi skal jobbe mot:
Trinn 1: Gjør Movie Clip
Først åpner en ny Flash-fil (Ctrl + N) og velg "Actionscript 3.0". Vi må lage filmklipp som skal duplisere rundt på scenen. Så gå til Insert > New Symbol (Ctrl + F8). Kalle dette symbolet. "Ink", velg Movie Clip, og til slutt sjekke "Export for Action" boksen
Trinn 2: Legge til "Ink"
Nå må vi skape blekket i Movie Clip. Så, gå til den første rammen, ta Brush Tool (B) og tegne en sirkel, og deretter justere den til sentrum. Gjør de samme trinnene på tre rammer og varierer fargen i hver ramme (første Frame: Rød, andre Frame: Blå, tredje Ramme: Gul, etc ....). På hver ramme, åpne Handlinger panelet (hit F9) og tilsett stop action: stop ();
Trinn 3: Organisere prosjektet
Lagre denne filen på en mappe på datamaskinen, kaller det: "MathFunctions_Tutorial.fla". Opprett en ny Actionscript-fil og lagre den i samme mappe, gi den et navn med "MathFunctions_Flash.as". Til slutt, gå til Egenskaper MathFunctions_Tutorial.fla og endre Class
felt for Action File
.
Hvis du ikke er veldig kjent med bruk av klasser, anbefaler jeg at du leser denne Quick Tips
Trinn 4:. La oss starte koding
Åpne filen! kalt "MathFunctions_Flash.as" og skrive inn følgende kode:
pakke {import flash.display.MovieClip; import flash.events. *; public class MathFunctions_Flash strekker MovieClip {
I denne action vi definerer klasse og dens egenskaper.
Nå må vi fortelle Flash at når musen beveger seg, funksjonen kalles stageMouseMove () bør kalles. For å gjøre dette, bare skrive følgende:
offentlig funksjon MathFunctions_Flash () {stage.addEventListener (MouseEvent.MOUSE_MOVE, stageMouseMove);}
Etter det, må vi definere denne funksjonen og knytte filmklipp som heter "Ink "til Action
offentlig funksjon stageMouseMove (event: MouseEvent): void {var blekk. Ink = new Ink ();
Nå skal vi legge handlingene til variabelen og funksjonen kalles stageMouseMove () . Og her er de magiske matematiske funksjoner.
OK, på de matematiske funksjoner der en rekke ting som gjør magien. Her forlater jeg deg en liten formel:
ink.x = stage.mouseX; ink.y = stage.mouseY; ink.gotoAndStop (Math.ceil (Math.random () * 5)); ink.scaleX = ink.scaleY = Math.random () * 1; ink.alpha = Math.random () * 10; stage.addChild (blekk); }}}
For mer informasjon om denne formelen, se Få et tilfeldig nummer innenfor et angitt område Bruke AS3.
Og det er alt!
Konklusjon
Jeg håper du likte denne Quick Tips, takk for lesing!