Share
Muisaanhangers zijn objecten die de muiscursor volgen terwijl u hem verplaatst. In deze zelfstudie help ik je een blauwe en glanzende muistrailer te maken met ActionScript 3.0.
Laten we eens kijken naar het eindresultaat waar we naartoe zullen werken:
Met ActionScript dupliceren we een MovieClip en wijzigen we de eigenschappen voor alpha, schaal en positie om een leuk trailereffect te krijgen.
Open Flash en maak een nieuw Flash-bestand (ActionScript 3).
Stel de stage-grootte in op de gewenste resolutie en voeg een achtergrondkleur toe. Ik heb 600x300 gebruikt en een blauw radiaal verloop toegevoegd (# 4584D4, # 184D8F). Ook heb ik een zwarte rechthoek met 60% alpha en tekst toegevoegd om een instructiebericht weer te geven. Laten we de afbeelding eens bekijken.
Deze trailer is samengesteld uit een eenvoudige vorm die wordt gedupliceerd en geschaald wanneer u de muis verplaatst.
Selecteer het gereedschap Ovaal, teken een cirkel van 6x6 px en vul deze met een radiaal verloop (#FFFFFF, # 5CFAFF).
Converteer deze vorm naar een MovieClip voeg een Glow-filter toe, gebruik de waarden in de volgende afbeelding:
Converteer dit naar een MovieClip en noem het "LightBall", vergeet niet de optie "Exporteren voor ActionScript" aan te vinken.
Maak een nieuw ActionScript-bestand (Command + N) en sla het op als "MouseTrailer.as"
Dit zijn de lessen die we nodig hebben, als je specifieke hulp nodig hebt bij een van hen, bekijk dan de Flash-hulp (F1).
pakket import flash.display.Sprite; import flash.ui.Mouse; import flash.events.MouseEvent; import flash.events.Event;
We breiden de Sprite-klasse uit om toegang te krijgen tot de methode addChild (). Onthoud dat de naam van de klasse dezelfde moet zijn als de bestandsnaam.
public class MouseTrailer breidt Sprite uit
Er is slechts één variabele in deze klasse, de variabele LightBall. Dit wordt gebruikt om een nieuw exemplaar van de LightBall te maken dat we in Fla hebben gemaakt.
var lightBall: LightBall;
In de constructorfunctie voegen we de regels toe die de muiscursor verbergen en de luisteraar die de aanhanger start.
openbare functie MouseTrailer (): void Mouse.hide (); stage.addEventListener (MouseEvent.MOUSE_MOVE, startTrailer);
Deze functie zal de trailer afhandelen en zijn eigenschappen instellen.
private function startTrailer (e: MouseEvent): void
Deze code maakt een nieuwe LightBall wanneer de muis wordt verplaatst.
/ * Maak een nieuw LightBall-object * / lightBall = new LightBall ();
De nieuwe LightBall-positie is gebaseerd op de breedte en hoogte van de clip en de positie van de muiscursor.
/ * Positie * / lightBall.x = mouseX + Math.random () * lightBall.width; lightBall.y = mouseY - Math.random () * lightBall.height;
We voegen de LightBall toe aan het podium met de volgende code:
/ * Toevoegen aan Stage * / addChild (lightBall); / * Luisteraar toevoegen aan animatiefunctie * / lightBall.addEventListener (Event.ENTER_FRAME, animeren);
De alpha, schaal en verticale positie worden behandeld in deze functie.
privé-functie animeren (e: Event): void
De alpha wordt elk frame met 5% verminderd.
/ * Alpha * / e.target.alpha - = 0.05;
Wanneer de LightBall niet meer zichtbaar is (alpha < 0) the object is removed.
/ * Als lightBall niet meer zichtbaar is, verwijder het * / if (e.target.alpha <= 0) e.target.removeEventListener(Event.ENTER_FRAME, animate); removeChild(e.target as Sprite);
De schaal wordt elk frame met 10% verminderd.
/ * Schaal * / e.target.scaleX - = 0.1; e.target.scaleY - = 0.1;
/ * Y Positie * / e.target.y + = 3;
Tijd om terug te gaan naar de Fla.
Open het eigenschappenvenster, voeg "MouseTrailer" toe als de documentklasse en u bent klaar om uw film te testen!
Nu heb je een leuk uitziende muisaanhangwagen die je naar eigen wens kunt aanpassen. Probeer de vorm van de MovieClip, het formaat en de kleur te veranderen - er zijn veel opties! Ik hoop dat je deze tut leuk vond, bedankt voor het lezen.
Accentsconagua