Share
Mus Trailers er objekter som følger musepekeren når du flytter den. I denne opplæringen hjelper jeg deg med å lage en blå og skinnende musepå trailer ved hjelp av ActionScript 3.0.
La oss se på det endelige resultatet vi vil jobbe for:
Ved hjelp av ActionScript kopierer vi en MovieClip og endrer alfabetisk, skala og posisjoneringsegenskaper for å få en fin trailer-effekt.
Åpne Flash og opprett en ny Flash-fil (ActionScript 3).
Still scenestørrelsen til ønsket oppløsning og legg til en bakgrunnsfarge. Jeg har brukt 600x300 i størrelse og lagt til en blå radialgradient (# 4584D4, # 184D8F). Også, jeg la til et svart rektangel med 60% alfa og tekst for å vise en instruksjonsmelding. La oss ta en titt på bildet.
Denne tilhenger består av en enkel form som dupliseres og skaleres når du beveger musen.
Velg det ovale verktøyet, tegne en 6x6 px sirkel og fyll den med en radial gradient (#FFFFFF, # 5CFAFF).
Konverter denne formen til en MovieClip legg til et Glow-filter, bruk verdiene i følgende bilde:
Konverter dette til en MovieClip og navnet "LightBall", husk å sjekke alternativet "Export for ActionScript".
Opprett en ny ActionScript-fil (Command + N) og lagre den som "MouseTrailer.as"
Dette er klassene vi trenger, hvis du trenger spesifikk hjelp med noen av dem, vennligst sjekk Flash-hjelpen (F1).
pakke import flash.display.Sprite; importere flash.ui.Mouse; importer flash.events.MouseEvent; importere flash.events.Event;
Vi utvider Sprite-klassen for å få tilgang til addChild () -metoden. Husk at navnet på klassen må være det samme som filnavnet.
offentlig klasse MouseTrailer utvider Sprite
Det er bare én variabel i denne klassen, LightBall-variabelen. Dette brukes til å lage en ny forekomst av LightBall som vi opprettet i Fla.
var lightBall: LightBall;
I konstruktørfunksjonen legger vi til linjene som gjemmer musemarkøren og listeneren som starter Trailer.
offentlig funksjon MouseTrailer (): void Mouse.hide (); stage.addEventListener (MouseEvent.MOUSE_MOVE, startTrailer);
Denne funksjonen håndterer tilhengeren, og innstiller egenskapene.
privat funksjon startTrailer (e: MouseEvent): void
Denne koden oppretter en ny LightBall når musen er flyttet.
/ * Lag et nytt LightBall-objekt * / lightBall = nytt LightBall ();
Den nye LightBall-posisjonen er basert på klippets bredde og høyde og musepekerenes posisjon.
/ * Posisjon * / lightBall.x = mouseX + Math.random () * lightBall.width; lightBall.y = mouseY - Math.random () * lightBall.height;
Vi legger LightBall på scenen med følgende kode:
/ * Legg til scenen * / addChild (lightBall); / * Add Listener å animere funksjon * / lightBall.addEventListener (Event.ENTER_FRAME, animere);
Alfa, skala og vertikal stilling håndteres i denne funksjonen.
privat funksjon animere (e: hendelse): void
Alfa er redusert med 5% hver ramme.
/ * Alpha * / e.target.alpha - = 0.05;
Når LightBall er ikke lenger synlig (alfa < 0) the object is removed.
/ * Hvis lightBall ikke lenger er synlig, fjern det * / hvis (e.target.alpha <= 0) e.target.removeEventListener(Event.ENTER_FRAME, animate); removeChild(e.target as Sprite);
Skalaen er redusert med 10% hver ramme.
/ * Skala * / e.target.scaleX - = 0,1; e.target.scaleY - = 0,1;
/ * Y Posisjon * / e.target.y + = 3;
Tid til å gå tilbake til Fla.
Åpne Egenskaper Panel, legg til "MouseTrailer" som Dokument Class, og du vil være klar til å teste din film!
Nå har du en fin utseende Mus Trailer som du kan tilpasse deg, men du vil. Prøv å endre formen på MovieClip, størrelsen, fargen - det er mange alternativer! Jeg håper du likte denne tut, takk for å lese.
Accentsconagua