Magie in Flash geschrieben - Undolog.com

Dies schlage ich vor, ist ein Artikel, den ich im August 2003 (Originaltitel: Written Magie in Flash MX) schrieb. Trotz der "dated" (heute würde ich ein anderes ActionScript zu verwenden), ich denke, es ist ein nettes Tool, um wirklich zauberhafte Wirkung. Schlagen Sie später, oder haben Sie die aktualisierte Version mit der Verwendung von Klassen ...

Dynamische MovieClip

Das Element, das eine Schlüsselrolle nell'architetura Flash-MovieClip-Objekt spielt. Die Fähigkeit, Objekte dieser Art von Code zu erstellen gibt ein bemerkenswertes Potenzial, Flash, so dass es eine anständige Entwicklungsumgebung wirklich Spaß. Mit der Möglichkeit, zur Laufzeit Objekte vom Typ MovieClip hinzufügen, werden wir sehen, wie einfach es ist, die Wirkung in Abbildung 1 dargestellt zu erreichen ist.

Loading Flash ...

Abbildung 1 - Beispiel für Text-Effekt

Die Klasse MagicText_class

Da wir mit der neuesten Version von Flash MX sind, machen wir die Dinge richtig und erstellen Sie eine Klasse MagicText_class beliebig wiederverwendet werden. Was wir tun, ist die Definition einer neuen Klasse MagicText_class , die alle Merkmale einer Klasse MovieClip erbt. Auf diese Weise haben wir ein reales Objekt hätte, dann schaffen die Grundlage für eine Flash-Komponente real! Wenn wir wollen. Für den Moment wollen wir nur auf unsere Klasse zu wohnen und zu sehen, wie sie zu bauen.

Open Flash und legen Sie die Größe der Bühne zu 300 x 100 Pixel bei 25 Bildern pro Sekunde, mit einem weißen Hintergrund. Ich erinnere mich, dass Sie direkt den Quellcode herunterladen , wenn Sie es wünschen.

fig2

Erstellen Sie eine neue MovieClip-Symbol und den Namen MagicText_class , wie in Abbildung 2 dargestellt. Auch stellen Sie die Verknüpfung Eigenschaften, mit genau den gleichen Namen für das Symbol. Für die mit Flash MX Panel in italienischer Sprache mit verschiedenen Labels sein wird, dann siehe Abbildung 2.
Linkage können Sie auf dieses Symbol, um morgen von ActionScript hinzuzufügen. In der Praxis werden wir die Bereitstellung dieser Klasse Flash-Entwicklungsumgebung, die einzige Möglichkeit, unter anderem zu tun.
Jetzt ist die Zeit, um den Code notwendig sind, um dieses Symbol ein reales Objekt einzufügen, mit Eigenschaften und Methoden von uns definiert. Um dies zu tun (ähnlich Prozess zur Schaffung von Flash MX-Komponenten) sollten darüber informiert, dass Sie das Schreiben von ActionScript-Code für eine Klasse, nicht für einen normalen Rahmen Flash. Wählen Sie das erste Bild des Symbols MagicText_class Sie erstellt und geben Sie folgenden Code:

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 function () {
"MagicText::constructor" ) ; trace ("MagicText:: constructor");
sx = 0 ; dieser sx = 0 ist.;
index = 0 ; . diese index = 0;
}
/ /
/ / Erbt die MovieClip-Klasse
= new MovieClip ( ) ; . MagicText Prototype = new MovieClip ();
/ /
. ShowText = function ( myStr_str ) { MagicText. Prototype. ShowText = function (myStr_str) {
sx = 0 ; dieser sx = 0 ist.;
index = 0 ; . diese index = 0;
onEnterFrame = function ( ) { diesem. onEnterFrame = function () {
attachMovie ( "letteraanim_mc" , "l" + this . index , this . index ) ; . diese attachMovie ("letteraanim_mc", "p" + dieses Index, das..) index;
"this.l" + this . index ) ; var obj = eval ("this.l" + this.) index;
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 text = myStr_str substr (this. index, 1);
. sx ; obj _x = this sx..;
sx + = ( obj . lettera_mc . lettera_txt . textWidth ) ; dieser sx + = (Obj. lettera_mc lettera_txt textWidth..).;
index ++; . Dieser Index + +;
this . index > myStr_str . length ) { if (this. index> myStr_str. length) {
onEnterFrame = "" ; . diese onEnterFrame = "";
}
};
};
/ /
/ / (LinkageID, className)
registerClass ( "MagicText_class" , MagicText ) ; Object . registerClass ("MagicText_class" MagicText);
# Endinitclip
/ /
/ / Block der Ausführung
; stop ();

Die Klasse MagicText_class nicht das Herz des Systems. In der Tat könnten wir ohne sie auskommen. So aber nahm ich die Gelegenheit zu zeigen, wie einfach es ist, Objekte mit Flash MX erstellen. Darüber hinaus werden wir sehen, wie viel bequemer, diese Posten anstelle der MovieClip Drag & Drop verwenden ...

Das Herz des Systems

fig3 Lassen Sie die Erstellung der letzten beiden Symbole MovieClip, das wahre Herz des ganzen Systems. Diese tatsächlich die gewünschte Wirkung oder Video-Effekte. Wie aus dem Code ersichtlich ist, die Klasse MagicText_class tut nichts anderes als Griff diesen besonderen MovieClip. Erstellen Sie nun eine neue MovieClip-Symbol und den Namen lettera_mc . Geben Sie im Inneren, die Koordinaten (0,0) einen dynamischen Text, die wir als lettera_txt .
Dies kann jede Größe und Schriftart. Geben Sie ein "A", damit Sie eine Vorstellung davon haben, was das Endergebnis sein.
Damit dies funktioniert einwandfrei, sind alle Zeichen in filamto Flash-dall'apposito Panel in den Eigenschaften von dynamischem Text. Dies ist die einzige Grenze, die leider die Dateigröße erhöht. Swf. Wenn Sie nicht mit dem Einbau des Charakters gehen tun, wird das Spiel nicht wie es sollte. Das Symbol lettera_mc sollte nicht auf ActionScript exportiert werden. Es stellt einen Container auf das Symbol lettera_txt , die nicht verwendet werden könnten direkt.
Mit diesem Symbol, dann haben wir einen Container für unseren Charakter geschaffen. Jetzt ist die Zeit, um das Symbol, dass die gewünschte besondere Wirkung entsteht.
Erstellen Sie eine neue MovieClip-Symbol und den Namen letteraanim_mc . Dies ist, wie der Fall war für die Klasse MagicText_class , sollte es für die Verwendung durch ActionScript exportiert werden. : Verknüpfungseigenschaften Panel wieder, wie der Name durch die Eingabe der gleichen Kennung für das verwendete Symbol ausgewählt letteraanim_mc (nichts anfassen, wenn Flash automatisch den Namen Kennung der exportierten Symbol mit dem Namen des Symbols).

Animationen und Effekte

Fig4 , come mostrato nella figura qui a sinistra. Im Inneren des Symbols letteraanim_mc enthalten in der ersten Instanz des Symbols Rahmen lettera_mc , wie in der Abbildung auf der linken Seite angezeigt. . Benennen Sie die Instanz von lettera_mc mit dem gleichen Namen: lettera_mc .
Jetzt stellen Sie sich ein paar Frames später, zum Beispiel auf 25, und aus dem Menü Einfügen (Insert für die italienische Version) ausgewählten Keyframe (Schlüsselbild). Auf dem letzten Bild in ein ActionScript stop () eingefügt;.
Jetzt können Sie Spaß haben und nicht die Effekte, die Sie möchten, erstellen Sie einen Fade (mit Tween) mit dem _alpha Parameter, erweitern Sie den geschriebenen Worten kann wirklich machen was man will.
In der Quelldatei , die Sie herunterladen können Fade wird zusammen mit einer partiellen Rotation mit Vergrößerung verwendet.

fig5
Abbildung 5 - Hier ist, was die MovieClip letteraanim_mc . Auch versuchen, ein einzelnes Bild ohne Animation zu verlassen ...

Letzte Anstrengung

Wenn Sie so weit gekommen bin haben wir wirklich alles getan, oder zumindest relativ komplexer. So können wir beweisen unsere harte Arbeit. Holen Sie sich zurück auf der Szene, wählen Sie das erste Bild und geben Sie diesen Code ein:

1
2
3
4
5
6
7
8
9
10
11
12

; stop ();
/ /
, "mt" , 1 ) ; attachMovie ("MagicText_class", "m", 1);
; mt _x = 84.;
; mt _y = 35.;
"Hello World!" ) ; . mt ShowText ("Hallo Welt!");
/ /
Wiederholen Sie die function () {
"Hello World!" ) ; . mt ShowText ("Hallo Welt!");
}
/ /
repeat , 3000 ) ; I_repeat = setInterval (Wiederholung, 3000);

tramite l'struzione attachMovie() . Der Code auf das erste Bild unseres Films erstellt das Objekt mt als eine Instanz MagicText_class durch den Bau attachMovie() . Nachfolgende Zeilen Neupositionierung der MovieClip (zu Ihrer freien Verfügung), und rufen Sie die Methode ShowText() , mit dem Text wollen wir zeigen. Letzter Hinweis: Die Funktion repeat() die Animation wiederholt sich alle 3 Sekunden.