buchstabensalat text fx ohne com.greensock.text.SplitTextField ?

[Kanster]

Hallo.

Ich möchte einen Texteffekt in Flash CS4 (AS3) umsetzen:
Text setzt sich aus teils unscharfem Buchstabensalat zusammen bzw.
reverse exploding blur text
siehe intro auf LINK

Nun habe ich die sehr feine GreenSock Tweening Klasse 'splittextfield' gefunden die genau das macht, die allerdings 99 $ kostet ("Membership required").
SplitTextField – Break Apart TextFields by Character/Word/Line for Easy Animation GreenSock

Kennt jemand eine andere Möglichkeit?

[joeydee]

Selbermachen, würde ich sagen. Mit TextField.getCharBoundaries(index) kannst du die x/y-Position eines Zeichens im Textfeld herausfinden. Dann soviele neue Textfelder wie Buchstaben an passender Koordinate erstellen, diese adden und das originale removen. Dann kann man die einzelnen Felder animieren oder was man auch immer damit anstellen möchte.

Falls du in der Lage bist, selbständig einzelne Display-Objekte zu tweenen, hätte ich hier einen Ansatz, ein Textfeld in einzelne Buchstaben aufzusplitten:

var myLetters:Array=createSingleLetters(mytext);//split text frame "mytext" into single letters
myLetters[2].y-=10;//for example: move the third letter in this array 10 px upwards (0 is first letter)
 
 
function createSingleLetters(tf:TextField):Array{
    var letters:Array=new Array();//to hold all the single text frames
    var parent:DisplayObjectContainer=tf.parent;
    
    //loop thru all characters
    var txt:String=mytext.text;
    for(var i:int=0;i<txt.length;i++){
            
        //get original position of actual character and test for printable letters
        var rect1:Rectangle=tf.getCharBoundaries(i);
        if(rect1){
            rect1.x+=tf.x;
            rect1.y+=tf.y;
    
            //copy this letter into a new textfield with the same font settings
            var tf2:TextField=new TextField();
            tf2.defaultTextFormat=tf.defaultTextFormat; 
            tf2.width=rect1.width*2;
            tf2.selectable=false; 
            tf2.text=txt.substr(i,1);
            tf2.embedFonts=true;
        
            //get position of the new letter and move to original letter's position
            var rect2:Rectangle=tf2.getCharBoundaries(0);   
            tf2.x=rect1.x-rect2.x;
            tf2.y=rect1.y-rect2.y;
            
            parent.addChild(tf2);//add new letter to the same display object container
            letters.push(tf2);//add the letter to the array
 
        }
    }
 
    tf.visible=false;//hide original text (but keep on stage for later use)
    return letters;//return array containing all the single text frames
} 

[Kanster]

Hi.

Danke für deine Antwort.
Ich merke aber das man dann doch in die Tiefen der AS3 Programmierung einsteigen muss, und da bin ich Laie. Gibt es auch eine Komponente/... die den gewünschten Effekt ermöglicht? Ggf. preisgünstiger?

Am besten wäre es wenn ich:
auf der Bühne ein Textfeld erstelle in dem der Text steht,
ich den Ausgangspunkt festlege ab wo der tween losgeht (soll von unten in diie mitte fliegen, unten chaos, oben geordnet),
und man noch Parameter wie blur und wie durcheinander die Buchstaben anfänglich sind.
In Flash MX gabs ja noch bei den Timelineeffekten eine Textexplosion? In den Motionpresets in CS4 findet sich aber nichts vergleichbares?

[Kanster]

Danke noch mal für die Mühe.
Werde nun aber bei greensock die Bezahlvariante nehmen, hoffe es klappt alles wie erhofft.
:-)

Dieses Tutorial hat mich überzeugt:
Intro to SplitTextField: The Ultimate Flash Letter by Letter Animation Tool (youtubevideo)
http://www.snorkl.tv/2010/12/intro-to-splittextfield-the-ultimate-flash-letter-by-letter-animation-tool