Text Animation Tool

sveisvasta 13 years ago

Sorry for my bad English.

alejandro,

First step: Changing font inside TekstTalas.as.
***************************************
Open TekstTalas.as and find code below (line 304)
<<
format = new TextFormat("Times New Roman",
velicinaFontaDolazna,
bojaFontaDolazna,
boldFontaDolaznog)
>>
instead "Times New Roman" type font you wish, ex. "Verdana"
<<
format = new TextFormat("Verdana",
velicinaFontaDolazna,
bojaFontaDolazna,
boldFontaDolaznog)
>>

Second step: Embeding font in your <.fla> doc.
*************************************
Easiest way:
Open Talas.fla - <.fla> document, and from Library <copy> <paste> MovieClip <fontEmbed> in your <.fla> doc.
Double CLICK on MovieClip <fontEmbed> .
There are two Dynamic Text inside <fontEmbed>, first for regular, second for bold font.
(If you need Italic, <copy> <paste> one Dynamic Text, and in Properties change Style to Italic.)
For all Dynamic Text in Properties change font (in CS4 -> Family) to Verdana.

All this work in SC4, and Im shure (?!) in SC5.

Thanks for comment...

Thanks for this awesome tool.
I cant change the font in CS5, please explain me how to do it or post an example.
thanks again
alejandro

sveisvasta 14 years ago

teskostudio,


TextField that serves as source MUST be invisible until transitions playing! It is first step in TekstTalas code.

To avoid distortion from its original position (for Authoring time created TF) use Anti-alias for animation.

Download this simple example:
4shared.com/file/72GrcVjR/TalasTekstExa mpleTextF.html


TekstTalas is base class. This class menage 1 effect.
TekstTalasLinija is extended from TekstTalas, and menage any number of effect, including 1.
If you want to use 1 effect, you can use TekstTalas or TekstTalasLinija.
But, if you want to use more than 1 effect, you MUST use TekstTalasLinija.

congratulations! that's awesome

Omg this is awesome. You brought me back to life! THX

@sveisvasta

Youre right about that. Thanks for the explanation and your time :)

I was assigning the listener to the talas object instead of the texfield. It works great even with other font embedding techniques. The only weird thing that happens is that the textfiled that serves as source for the effect stills visible while playing the transitions and it gets some kind of distortion from its original position. Anyways, great work and thanks for sharing.

Can I ask you which is the bigger difference between TekstTalas & TekstTalasLinija. Sorry if you already explained at some point but I didnt get it.

Greets.

tsk

sveisvasta 14 years ago

teskostudio,
Please, read comments in TekstTalas.as, TekstTalasLinija.as and TekstTalasButton.as


Parameters for TekstTalas.as and TekstTalasLinija.as can be:
1. String
2. TextField (crated in Authoring OR Run time)
(If TextField is created in Authorint time, best solution is to use Anti-alias for animation.)

Parameter for TekstTalasButton.as can be only String, in oposite with TekstTalas.as and TekstTalasLinija.as.


For making effect on existing TextField (crated in Authoring OR Run time):

public function TekstTalasLinija(dolaznoTextField:TextFi eld, redEfekata:Array = LINIJA_DEFAULT)
public function TekstTalas(dolaznoTextField:TextField)
dolaznoTextField:TextField - TextField for effect
redEfekata:Array (default = private var LINIJA_DEFAULT:Array) - Array of Object's. Every Object's are definiton of one effect.


And, SORRY FOR BAD DOCUMENTATION.

Im forgot to make example for TextFild.
There is some VERY important diference:

YOU MUST register listener to TextField, not to instance of TekstTalas or TekstTalasLinija.

Use TalasDemo.swf for chosing corect values, and:

1. Insted String, put TextField as parameter in constuctor.
2. Register listener to TextField, NOT to instance of TekstTalas or TekstTalasLinija.

Example for effect on TextField (crated in Authoring OR Run time; dont forget to embed fonts...):


1. Crate TextField in Run Time
////////////////////////////
var tekstRun:TextField = new TextField()
addChild(tekstRun)
tekstRun.x = 100
tekstRun.y = 100
tekstRun.defaultTextFormat = new TextFormat("Times New Roman", 16, 0xff0000,true)//
tekstRun.text = "Run time created TextField"
tekstRun.autoSize = TextFieldAutoSize.LEFT
tekstRun.selectable = false
tekstRun.embedFonts = true
////////////////////////////

2. Run TalasDemo.swf, and select LineExamples 12.

3. Generate code, and <copy> <paste> them in <.fla>.
Generated code:
///////////////////
import com.greensock.*;
import com.greensock.easing.*;
import com.milan.efekti.*;

var talas:TekstTalasLinija = new TekstTalasLinija("Run time created TextField", 16, 0xff0000, true,
[
{X:0, Y:0, sX:3, sY:-3, R:0, A:1, smer:"D", P:false, N:false, T:0.48, D:0.02, funkcija:Linear.easeOut, Yoyo:false, W:1},
{X:0, Y:0, sX:1, sY:1, R:0, A:1, smer:"L", P:false, N:false, T:0.48, D:0.02, funkcija:Linear.easeOut, Yoyo:false, W:1}
])
addChild(talas);
talas.x = talas.y = 100;
talas.addEventListener(MouseEvent.CLICK ,function(){talas.start()});
///////////////////

4. Change
("Run time created TextField", 16, 0xff0000, true,
to
(tekstRun,

5. Delete row:
talas.x = talas.y = 100;
You dont neee this row, because instance of TekstTalas OR TekstTalasLinija
will be automaticly on correct position.

6. Change
talas.addEventListener(MouseEvent.CLICK ,function(){talas.start()})
to
tekstRun.addEventListener(MouseEvent.CL ICK,function(){talas.start()})


COMPLETE CODE:

import com.greensock.*;
import com.greensock.easing.*;
import com.milan.efekti.*;

// TextField crated in Run time
var tekstRun:TextField = new TextField()
addChild(tekstRun)
tekstRun.x = 100
tekstRun.y = 100
tekstRun.defaultTextFormat = new TextFormat("Times New Roman", 16, 0xff0000,true,false,true)//
tekstRun.text = "Run time created TextField"
tekstRun.autoSize = TextFieldAutoSize.LEFT
tekstRun.selectable = false
tekstRun.embedFonts = true

// TekstTalas OR TekstTalasLinija
//var talas:TekstTalas = new TekstTalas(tekstRun);
//var talas:TekstTalasLinija = new TekstTalasLinija(tekstRun,...);

// Change String parm. to TextField in class constructor:
//var talas:TekstTalas = new TekstTalas(tekstRun)
var talas:TekstTalasLinija = new TekstTalasLinija(tekstRun,
[
{X:0, Y:0, sX:3, sY:-3, R:0, A:1, smer:"D", P:false, N:false, T:0.48, D:0.02, funkcija:Linear.easeOut, Yoyo:false, W:1},
{X:0, Y:0, sX:1, sY:1, R:0, A:1, smer:"L", P:false, N:false, T:0.48, D:0.02, funkcija:Linear.easeOut, Yoyo:false, W:1}
]);
addChild(talas);

// Change listener from instance of TekstTalasLinija to TextField
tekstRun.addEventListener(MouseEvent.CL ICK, function(){talas.start()})

This is great. If you could use the effects with textFileds generated at runtime it would be as handy as Tweener or any popular packages.

awesome!

What a nice. 10/10.

---congratulations---

Great, thank you very much!

!!!!! GREAT !!!!!

MAGNIFIC!!!!!

as newbie no idea how i should use it, but it looks so darn cool...!!!!!!!!!!!!!!!!!!

good job, do you any effects of text in curve etc?

Bravo!

NIce, dude!!! it reminded me the old Swift for flash.

Well done! Perfect to reuse it in my own projects!
@jaymar: you dont have a clue!

this is shit!!!!!!!!!!

this is great. I'm going to give it a try

very good