Share
Les remorques de souris sont des objets qui suivent le curseur de la souris lorsque vous le déplacez. Dans ce didacticiel, je vais vous aider à créer une remorque de souris bleue et brillante à l'aide d'ActionScript 3.0..
Jetons un coup d'œil au résultat final sur lequel nous allons travailler:
En utilisant ActionScript, nous dupliquons un MovieClip, puis nous en modifions les propriétés alpha, scale et position pour obtenir un bel effet de fin..
Ouvrez Flash et créez un nouveau fichier Flash (ActionScript 3)..
Réglez la taille de la scène sur la résolution souhaitée et ajoutez une couleur d’arrière-plan. J'ai utilisé une taille de 600x300 et ajouté un dégradé radial bleu (# 4584D4, # 184D8F). De plus, j'ai ajouté un rectangle noir avec 60% d'alpha et du texte pour afficher un message d'instruction. Regardons l'image.
Cette bande-annonce est composée d'une forme simple qui est dupliquée et mise à l'échelle lorsque vous déplacez la souris.
Sélectionnez l'outil Ovale, tracez un cercle 6x6 px et remplissez-le avec un dégradé radial (#FFFFFF, # 5CFAFF).
Convertissez cette forme en un MovieClip, ajoutez un filtre de rayonnement, utilisez les valeurs de l'image suivante:
Convertissez-le en MovieClip et nommez-le "LightBall", n'oubliez pas de cocher l'option "Exporter pour ActionScript"..
Créez un nouveau fichier ActionScript (Commande + N) et enregistrez-le sous le nom "MouseTrailer.as".
Ce sont les classes dont nous aurons besoin. Si vous avez besoin d’une aide spécifique, consultez l’aide Flash (F1)..
package import flash.display.Sprite; import flash.ui.Mouse; import flash.events.MouseEvent; import flash.events.Event;
Nous étendons la classe Sprite pour accéder à la méthode addChild (). Rappelez-vous que le nom de la classe doit être identique au nom du fichier.
Classe publique MouseTrailer étend Sprite
Il n'y a qu'une seule variable dans cette classe, la variable LightBall. Ceci est utilisé pour créer une nouvelle instance du LightBall que nous avons créé dans le.
var lightBall: LightBall;
Dans la fonction constructeur, nous ajouterons les lignes qui cachent le curseur de la souris et le listener qui lancera la bande-annonce..
fonction publique MouseTrailer (): void Mouse.hide (); stage.addEventListener (MouseEvent.MOUSE_MOVE, startTrailer);
Cette fonction gérera la remorque en définissant ses propriétés..
fonction privée startTrailer (e: MouseEvent): void
Ce code crée un nouveau LightBall lorsque la souris est déplacée.
/ * Créer un nouvel objet LightBall * / lightBall = new LightBall ();
La nouvelle position LightBall est basée sur la largeur et la hauteur du clip et sur la position du curseur de la souris..
/ * Position * / lightBall.x = mouseX + Math.random () * lightBall.width; lightBall.y = mouseY - Math.random () * lightBall.height;
Nous ajoutons le LightBall à la scène avec le code suivant:
/ * Ajouter à la scène * / addChild (lightBall); / * Ajouter un auditeur pour animer la fonction * / lightBall.addEventListener (Event.ENTER_FRAME, animate);
L'alpha, l'échelle et la position verticale sont gérés dans cette fonction.
fonction privée animate (e: Event): void
L'alpha est réduit de 5% chaque image.
/ * Alpha * / e.target.alpha - = 0,05;
Quand le LightBall n’est plus visible (alpha < 0) the object is removed.
/ * Si lightBall n’est plus visible, supprimez-le * / if (e.target.alpha <= 0) e.target.removeEventListener(Event.ENTER_FRAME, animate); removeChild(e.target as Sprite);
L'échelle est réduite de 10% chaque image.
/ * Échelle * / e.target.scaleX - = 0.1; e.target.scaleY - = 0,1;
/ * Position Y * / e.target.y + = 3;
Il est temps de retourner à la Fla.
Ouvrez le panneau de propriétés, ajoutez "MouseTrailer" comme classe de document et vous serez prêt à tester votre film.!
Maintenant, vous avez une belle souris Mouse Trailer que vous pouvez personnaliser comme vous le souhaitez. Essayez de changer la forme du MovieClip, la taille, la couleur - il y a beaucoup d'options! J'espère que vous avez apprécié cette commande, merci d'avoir lu.
Accentsconagua