Share
Remorcile mouse-ului sunt obiecte care urmează cursorul mouse-ului pe măsură ce îl mutați. În acest tutorial, vă ajut să creați o remorcă a mouse-ului albastru și strălucitor folosind ActionScript 3.0.
Să aruncăm o privire asupra rezultatului final pe care îl vom strădui:
Folosind ActionScript, vom duplica un MovieClip și apoi vom modifica proprietățile alfa, scară și poziția pentru a obține un efect de trailer frumos.
Deschideți Flash și creați un fișier Flash nou (ActionScript 3).
Setați dimensiunea scenei la rezoluția dorită și adăugați o culoare de fundal. Am folosit o dimensiune de 600x300 și am adăugat un gradient radial albastru (# 4584D4, # 184D8F). De asemenea, am adăugat un dreptunghi negru cu 60% alfa și text pentru a afișa un mesaj instructiv. Să aruncăm o privire la imagine.
Această remorcă este compusă dintr-o formă simplă, care este duplicat și scalată atunci când mutați mouse-ul.
Selectați instrumentul Oval, desenați un cerc de 6x6 px și umpleți-l cu un gradient radial (#FFFFFF, # 5CFAFF).
Conversia acestei forme într-un filmClip adăugați un filtru Glow, utilizați valorile din următoarea imagine:
Transformați acest lucru la un MovieClip și numiți-l "LightBall", nu uitați să bifați opțiunea "Export pentru ActionScript".
Creați un nou fișier ActionScript (Command + N) și salvați-l ca "MouseTrailer.as"
Acestea sunt clasele de care avem nevoie, dacă aveți nevoie de ajutor specific cu oricare dintre ele, vă rugăm să verificați ajutorul Flash (F1).
pachet import flash.display.Sprite; import flash.ui.Mouse; importul flash.events.MouseEvent; importul flash.events.Event;
Extindem clasa Sprite pentru a accesa metoda addChild (). Amintiți-vă că numele clasei trebuie să fie același cu numele fișierului.
clasa publica MouseTrailer extinde Sprite
Există o singură variabilă în această clasă, variabila LightBall. Acest lucru este folosit pentru a crea o nouă instanță a LightBall pe care am creat-o în Fla.
var lightBall: LightBall;
În funcția constructor vom adăuga liniile care ascund cursorul mouse-ului și Listener-ul care va porni Trailer-ul.
funcția publică MouseTrailer (): void Mouse.hide (); stage.addEventListener (MouseEvent.MOUSE_MOVE, startTrailer);
Această funcție se va ocupa de remorcă, stabilindu-i proprietățile.
funcția privată startTrailer (e: MouseEvent): void
Acest cod creează un LightBall nou când mouse-ul este mutat.
/ * Crearea unui nou obiect LightBall * / lightBall = noul LightBall ();
Noua poziție LightBall se bazează pe lățimea și înălțimea clipului și pe poziția cursorului mouse-ului.
/ * Poziție * / lightBall.x = mouseX + Math.random () * lightBall.width; lightBall.y = mouseY - Math.random () * lightBall.height;
Adaugam LightBall pe scena cu urmatorul cod:
/ * Adăugați la etapa * / addChild (lightBall); / * Adăugați funcția Listener to Animate * / lightBall.addEventListener (Event.ENTER_FRAME, animat);
Poziția alfa, scala și poziția verticală sunt tratate în această funcție.
funcția animată privată (e: Event): void
Alpha este redus cu 5% în fiecare cadru.
/ * Alpha * / e.target.alpha - = 0,05;
Când LightBall nu mai este vizibil (alfa < 0) the object is removed.
/ * Dacă balonul de lumină nu mai este vizibil, eliminați-l * / dacă (e.target.alpha <= 0) e.target.removeEventListener(Event.ENTER_FRAME, animate); removeChild(e.target as Sprite);
Scara este redusă cu 10% în fiecare cadru.
/ * Scară * / e.target.scaleX - = 0,1; e.target.scaleY - = 0.1;
/ * Poziția Y * / e.target.y + = 3;
E timpul să ne întoarcem la Fla.
Deschideți panoul Proprietăți, adăugați "MouseTrailer" ca Document Class și veți fi gata să vă testați filmul!
Acum aveți un Trailer Mouse frumos care vă puteți personaliza oricum doriți. Încercați să schimbați forma filmului, dimensiunea, culoarea - există multe opțiuni! Sper că ți-a plăcut acest tut, mulțumesc pentru lectură.
Accentsconagua