String Objekt - Typewriter & Newsticker

Thema:
String Objekt - Typewriter & Newsticker
Description:
Erstellung eines Newstickers & Typewriters durch das String Objekt
Keywords:
Flash, String, Newsticker, Typewriter
Author:
Sebastian Weyrauch
Date:
09.07.2002
Doc-ID:
50-001
URL:
http://www.flashworker.de/tutorial/50/001.html
Version:
1.0
Änderungen:
-
Anforderungen:
Flash 5
Vorkenntnisse:
Flash Grundkenntnisse
Download:

PC: "stringtut.zip" (enthält Beispiele) , 19 kB
Beispiele: "beispiele.zip", 5 kB

Einleitung
  Was bringt dieses Tutorial?

Typewriter
 Vorbereitende Schritte
 Aktionen
  Der komplette Code

Newsticker
 Vorbereitende Schritte
 Aktionen
 Der komplette Code
 Farbe kommt ins Spiel

Übersicht String Objekt






Was bringt dieses Tutorial?

In diesem Tutorial möchte ich erklären, wie ihr einen Newsticker und einen Typewriter bastelt.
Man könnte diese Sachen im Notfall auch mit Masken realisieren, aber zum einen ist das zu umständlich und zum anderen kann man einen dynamischen Content dann vergessen.
Was bleibt also noch übrig? ActionScript! Dazu werden verschiedene Funktionen des String Objekts benötigt.




Typewriter

Fangen wir mit dem Typewriter an.

Dazu arbeiten wir mit einem MC und enterFrame. Zunächst muss ein mehrzeiliges dynamisches
Textfeld mit der Variable 'anzeige', z.B., erstellt werden.
Dieses Textfeld stellen wir in den erwähnten MC (Einfügen >> In Symbol konvertieren [F8]).
Ein Instanzname muss nicht vergeben werden.

Zu den Aktionen dieses MovieClips (Rechte Maustaste >> Aktionen):
Wir möchten eine Aktion erstellen, die nach und nach einen definierten Text niederschreibt.
Dazu arbeiten wir mit String.substr - diese Aktion gibt die Zeichen eines bestimmten Bereiches
der Zeichenfolge an; Beispiel:

text.substr(0, 45); // Das wären die ersten 45 Zeichen von Text

 

Da wir die Zeichenlänge dynamisch haben wollen, vergeben wir eine Variable.
Die Variable 'text' wird unser Text, den wir auch gleich definieren:

text="Dies ist der Schreibmaschinen-Effekt. Der Text kann bequem per AS festgelegt werden";
text.substr(0, zeichen);

Da wir einen MovieClip haben, definieren wir 'text' & die Variable 'zeichen' im Event-Handler 'load'.
(zeichen=1;)

Die substr-Aktion verwenden wir im enterFrame Teil, da die Aktion bei jedem Betreten aufgerufen werden
soll. Und da wir den Bereich der Anzeige immer erweitern wollen, erweitern wir 'zeichen' um 1.

Da das jetzt niemand verstanden hat ;), die Aktionen in der Zusammenfassung:

onClipEvent (load) {
  text="Dies ist der Schreibmaschinen-Effekt. Der Text kann bequem per AS festgelegt werden";
  zeichen=1;
}
onClipEvent (enterFrame) {
anzeige = text.substr(0,zeichen);
zeichen++; }

Für diejenigen, die es immer noch nicht verstehen: Im Anhang ist eine Beispieldatei!

Fertig ist der Typewriter
Garnicht so schwer, oder?





Weiter