Ce que je propose est un article que j'ai écrit en Août 2003 (titre original: la magie écrit dans Flash MX). En dépit d'être "daté" (maintenant, je voudrais utiliser un autre code ActionScript), à mon avis, est un bel outil pour effet un véritable enchantement. Proposer plus tard, ou vous le faites, la version mise à jour avec l'utilisation de classes ...
Dynamique MovieClip
L'élément qui joue un rôle clé nell'architetura flash MovieClip objet. La capacité à créer de tels objets à partir du code Flash offre un potentiel remarquable, ce qui en fait un environnement de développement décent vraiment amusant. Avec la possibilité d'ajouter d'exécution des objets de type MovieClip, nous verrons comment il est facile d'obtenir l'effet de la figure 1.
Figure 1 - Exemple d'effet de texte
Le MagicText_class classe
Comme nous utilisons la version de Flash MX, nous faisons les choses à droite et créer une classe MagicText_class être réutilisé à volonté. Ce que nous faisons est de définir une nouvelle classe MagicText_class , qui hérite de toutes les caractéristiques d'un classe MovieClip. De cette façon, nous aurions un objet réel, la base de la suite créer un véritable composant Flash! Si nous voulons. Pour l'instant arrêtons-nous seulement sur notre classe et de voir comment le construire.
Ouvrez Flash et définir les dimensions de la scène à 300 x 100 pixels à 25 images par seconde, avec un fond blanc. Rappelez-vous que vous pouvez directement télécharger le code source si vous le souhaitez.
Créer un nouveau symbole MovieClip et le nom MagicText_class , comme le montre la figure 2. Également définir les propriétés de liaison, avec exactement le même nom utilisé pour le symbole. Pour ceux avec Flash MX en italien, le panneau sera avec les différents labels, puis reportez-vous à la figure 2.
Liaison va ajouter ce symbole afin dimanico ActionScript. Dans la pratique, nous mettons à la disposition de cet environnement de développement de classe Flash, la seule façon de le faire par la voie.
Maintenant est le temps d'insérer le code nécessaire pour faire de ce symbole un objet réel, avec des propriétés et méthodes définies par nous. Pour ce faire (processus similaire à la création de composants Flash MX) devraient être informés que vous écrivez du code ActionScript pour une classe, non pas pour un flash cadre normal. Sélectionnez la première image du symbole MagicText_class vous avez créé et entrez le code suivant:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | # Initclip MagicText fonction () { "MagicText::constructor" ) ; trace (":: constructeur MagicText"); sx = 0 ; ce sx = 0.; index = 0 ; cet indice = 0.; } / / / / Hérité classe MovieClip = new MovieClip ( ) ; . MagicText Prototype = new MovieClip (); / / . ShowText = function ( myStr_str ) { MagicText. Prototype. ShowText = function (myStr_str) { sx = 0 ; ce sx = 0.; index = 0 ; cet indice = 0.; onEnterFrame = function ( ) { ce onEnterFrame. = function () { attachMovie ( "letteraanim_mc" , "l" + this . index , this . index ) ; ce attachMovie ("letteraanim_mc", "l" + cet indice, cet indice..).; "this.l" + this . index ) ; var obj = eval ("this.l" + cet indice.); lettera_txt . autoSize = true ; obj lettera_mc lettera_txt autoSize = true...; lettera_txt . text = myStr_str . substr ( this . index , 1 ) ; .... obj lettera_mc lettera_txt texte = substr myStr_str (this. index, 1); . sx ; obj = _x cette gauche..; sx + = ( obj . lettera_mc . lettera_txt . textWidth ) ; ce sx + = (obj. lettera_mc lettera_txt textWidth..).; index ++; cet indice + +.; this . index > myStr_str . length ) { if (indice de this.> myStr_str. longueur) { onEnterFrame = "" ; ce onEnterFrame = "".; } }; }; / / / / (LinkageID, className) registerClass ( "MagicText_class" , MagicText ) ; Objet . registerClass ("MagicText_class" MagicText); # Endinitclip / / / / Bloquer l'exécution ; stop (); |
La classe MagicText_class n'est pas le cœur du système. En fait, nous pourrions faire sans elle. Alors, cependant, j'ai pris l'occasion de montrer combien il est facile de créer des objets avec Flash MX. En outre, nous allons voir comment beaucoup plus pratique d'utiliser ces éléments au lieu de glisser MovieClip & Drop ...
Le cœur du système
Que la création des deux derniers symboles MovieClip, le vrai cœur de tout le système. Ceux-ci produisent l'effet concret ou des effets souhaités vidéo. Comme on peut le voir à partir du code, la classe MagicText_class ne fait rien, mais gérer ces MovieClip particulier. Créez maintenant un symbole MovieClip et le nom lettera_mc . Inséré à l'intérieur, aux coordonnées (0,0) un texte dynamique, que nous appellerons lettera_txt .
Cela peut être n'importe quelle taille et n'importe quelle police. Inscrire un «A», si vous avez une idée de ce que sera le résultat final.
Pour que cela fonctionne correctement, tous les personnages dans Flash filamto, panneau dall'apposito dans les propriétés de texte dynamique. C'est la seule limite, ce qui augmente malheureusement, la taille du fichier. Swf. Si vous n'avez pas procéder à l'incorporation de caractère, le jeu ne fonctionnera pas comme prévu. Le symbole lettera_mc ne doit pas être exporté pour ActionScript. Il fournit un conteneur pour le symbole lettera_txt , qui ne pouvaient pas être utilisées directement.
Avec ce symbole, puis, nous avons créé un conteneur pour notre personnage. Maintenant c'est le moment de créer le symbole de ce que va produire l'effet spécial souhaité.
Nous créons un symbole MovieClip et le nom letteraanim_mc . Il s'agit, comme ce fut le cas pour la classe MagicText_class , il doit être exporté pour être utilisé par ActionScript. Les propriétés de liaison sélectionnés à partir du panneau une fois de plus entrer dans le même identifiant que le nom utilisé pour le symbole: letteraanim_mc (si vous ne touchez à rien Flash définit automatiquement le nom d'identification du symbole exporté avec le nom du symbole).
Animation et effets
, come mostrato nella figura qui a sinistra. Dans le symbole letteraanim_mc inséré dans la première instance de la trame symbole lettera_mc , comme indiqué dans la figure de la gauche. . Nommer l'instance de lettera_mc avec le même nom: lettera_mc .
Maintenant vous positionner quelques images plus tard, par exemple le 25, et dans le menu Insertion (Insert pour la version italienne) image clé sélectionnée (clé). Sur la dernière image insérée dans un arrêt () d'ActionScript,.
Maintenant, vous pouvez vous amuser et faire les effets que vous voulez, créer un fondu (à l'aide de Tween) à l'aide du paramètre, _alpha Zoom par écrit, en bref, que vous pouvez faire ce que vous voulez.
Dans le fichier source que vous pouvez télécharger un fondu est utilisé conjointement avec une rotation partielle avec un grossissement.
Figure 5 - Voici ce que le MovieClip letteraanim_mc . Aussi essayer de laisser une seule image sans aucune animation ...
Dernier effort
Si vous avez obtenu ce chemin que nous avons vraiment tout fait, ou tout au moins relativement plus complexe. Ainsi, nous pouvons prouver notre travail acharné. Retournez sur la scène, sélectionnez la première image et entrez ce code:
1 2 3 4 5 6 7 8 9 10 11 12 | ; stop (); / / , "mt" , 1 ) ; attachMovie ("MagicText_class", "m", 1); ; mètres _x = 84.; ; mètres _y = 35.; "Hello World!" ) ; mètres ShowText ("Bonjour tout le monde!").; / / Fonction de répétition () { "Hello World!" ) ; mètres ShowText ("Bonjour tout le monde!").; } / / repeat , 3000 ) ; I_repeat = setInterval (le répète, 3000); |
tramite l'struzione attachMovie() . Le code sur la première image de notre film crée l'objet mt comme une instance de MagicText_class grâce à la construction attachMovie() . Les lignes suivantes repositionner le MovieClip (à votre guise), et appeler la méthode ShowText() , avec le texte, nous voulons montrer. Une dernière note: la fonction repeat() l'animation se répète toutes les 3 secondes.
Télécharger
| Système d'exploitation |  Microsoft  Pomme |
| Environnement |  Macromedia Flash MX |
| Source |  sorgenti.zip (36 K) |
Il n'y a aucun commentaire pour cet article
Laisser un commentaire