[Flash CS3] Wort/Text animieren

[Blackstorm]

Hallo alle zusammen,

bin das erste mal hier und möchte auch schon gleich mit einer Animation starten.

Folgendes ich möchte gerne ein Wort einzel hinschreiben, also praktisch so das man auf dem Bildschirm erkennt das es mit dem PC geschrieben wurde und das geschriebene Wort setzt sich dann anschliesend zu einem Satz auseinander.

Schwierig, schwierig, ich hoffe man konnte ansatzweise verstehen um was für eine Animation es sich handelt. Da es mit der Zeitleiste recht aufwendig ist, dachte ich mir das es vielleicht mit eine wenige ActionScript hin zu bekommen ist, auf Tipps oder Beispiele jediglicher Art in dieser Richtung wäre ich dankbar .

Grüsse
Blackstorm

[salazar]

hi und willkommen im flashforum,
das stichwort nach dem du suchst ist "typewriter".
zu dem thema findeste hier im forum jede menge beiträge. einfach mal die SuFu benutzen. hier ein schönes kleines tutorial vom sebastian: String Objekt - Typewriter & Newsticker (Actionscript 1)

cheers,
sal

[Blackstorm]

thx werd mir gleich mal ansehen

[Blackstorm]

Aber ich arbeite auch mit Flash CS3 und nicht mit ActionsScript 1, alles aber kein Problem. Möchte zu aller erst einen Typwirter erstellen, hat soweit auch hingehauen. Nur jetzt möchte ich meine Animation bzw. Aktion fortführen. Nämlich wie folgt, hab das jetzt mal in Stichpunkten zusammen gefasst :

- Es wird ein Satz geschrieben und das letzte Wort wird noch mal korriegiert bzw. 2 mal korrigiert. Das sieht dann etwa so aus:

Bsp.
Der Apfel ist schön.

Der Apfel ist s_ -> Der Apfel ist süß

Der Apfel ist s_ -> Der Apfel ist sauer

- Danach sollte sich der gesamte TEXT zu einer Wortmarke zusammen ziehen.

Bsp.
Derapfelistsauer

(klingt lustig ist aber wie gesagt nur ein Beispiel)

- Zum Schluss Möchte ich über eine Wortmarke ein Logo einfügen.

Bsp.
(Logo) - Logo Einblendung
Derapfelistsauer

Arbeite wie gesagt mit AS 3 wäre super wenn mir dazu jemand was erklärt oder irgendwelche Hinweise gibt wie ich zum gewünschten Ziel kommen könnte.

greez

BS

[salazar]

Zitat von Blackstorm

Arbeite wie gesagt mit AS 3

also das lese ich zum ersten mal...
oder ich hab tomaten auf den augen.
bei der umsetzung deiner ideen kommt es auch auf deine skills an. das einem kompletten anfänger schritt für schritt und von grund auf zu erklären tut sich wohl kaum einer an weil extrem zeit intensiv.... vielleicht versuchste es erstmal das sich der satz aufbaut und 2x korrigiert und schaust das das klappt?! zudem ist es schwierig und wenig sinnig dir jetzt was zu scripten ohne das unser einer dein bisheriges script kennt

cheers,
sal

[Blackstorm]

ah sry ja natürlich , hier ist das bisherige Script:

Meine Version, bzw. etwas umgebastelte Version:

import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.events.TimerEvent;
import typewriter;

var newTypewriter:typewriter = new typewriter;
var firstMessage:String = "Der Apfel ist schön";
newTypewriter.writeIt(firstMessage, outputTxt, 150);

function clearTxt(e:FocusEvent) { e.currentTarget.text = ""; }

Script Typewriter.as

package
{
import flash.events.TimerEvent;
import flash.utils.Timer;
public class typewriter
{
public var txtTimer:Timer;
private var textArray:Array = new Array();
private var t1:String;
private var counter:Number = 0;
private var textPath:Object
private var ready:Boolean = true;
public function typewriter() {

}
public function writeIt(_inputTxt:String, _textPath:Object, _appendInt:Number) {
if(ready == true) {
textPath = _textPath;
var inputTxt:String = _inputTxt;
var appendInt:Number = _appendInt;
textArray = [];
textArray.length = 0;
t1 = inputTxt;
textArray = t1.split("");
counter = 0;
textPath.text = "";
txtTimer = new Timer(appendInt, textArray.length);
txtTimer.addEventListener(TimerEvent.TIMER, appendText);
txtTimer.addEventListener(TimerEvent.TIMER_COMPLET E, txtTimerStop);
txtTimer.start();
ready = false;
}
}
private function appendText(event:TimerEvent):void {
textPath.appendText(textArray[counter]);
counter++;
}
public function txtTimerStop(e:TimerEvent) {
ready = true;
}
}
}

Hoffe damit kann man mehr anstellen . AS meinte ich = Actionscript 3

[Blackstorm]

ps: dient natürlich zum lernen, aber ich muss ja irgendwo anfangen

[kugelfunk]

In dem Stil kann man jetzt weiter machen. D.h. abfragen, ob das gesamte Wort geschrieben wurde und dann im Timer-Intervall die hinteren Buchstaben wieder wegnehmen und durch neue ersetzen. Ist mit etwas Was-passiert-dann?-Logik und einiger AS-Tipparbeit gut zu bewerkstelligen.

Allerdings würde ich in diesem Beispiel eine Timelineanimation nehmen. Schon weil sich das Umwandeln in das Logo am Schluss dann intuitiver steuern läßt.

[salazar]

stimmt. dieser schritt hier:

Schon weil sich das Umwandeln in das Logo am Schluss dann intuitiver steuern läßt.

ist mir auch noch nicht ganz klar. vielleicht kannste mal einen möglichen "spruch" + passendes logo zeigen das man sich das besser vorstellen kann was da zum schluss hin passieren soll.

cheers,
sal