Search  

SUPER TEXT TRANSITION CLASS

HomeBrowse CategoriesFlashAnimationsText AnimationSuper Text Transition Class

The successor to the ‘Dynamic Text’ files, the Super Text Transition class is easy to use and able to animate your text in any way you can think of! Click through the demo above, but be aware that it is just a tiny sample of what you can do with this class if you have a bit of imagination. All you need to do is something like this

new textTransition(aTextField, {_x:”-50”, _xscale:-100, speed:500, gap:500});

You simply pass a reference to a dynamic text field, pick which properties to use in the transition, choose relative/absolute/function based start and end values, and set the speed of transition and the gap between each letter/word. Use custom easing, set up an onComplete function, reanimate the letters/words to a new location…

Get the Readme Here for a complete idea of how the class works

Zoom, Mirror, Rotate, Move, Alpha, even tint, or apply all at the same time, the possibilities are enormous!

PLEASE NOTE for best results, make sure your textfields antialias is set for animation, not readability. Also, currently, turn off auto-kerning, as the layout engine doesnt take it into account (yet). Justified alignment doesnt work properly either so dont use that (you can use left/right/center fine)

BRAND NEW UPDATE – 6/6/2008 Version 2.1.3 Released

Re-download this class if you got it before then. There have been a load of improvements – Bugfixes, new backwards property added (start the animation from the last letter/word/line), text layout improvements, easing, a new line mode, tint tweening, bold/italic support, and much more! Documentation has been updated also, it’s very extensive now

To-do
  • letter randomiser – choose how many random letters to display during the tween before the correct one appears at the end COMING SOON !
  • true rewind (starts from last item, reverses start and end values, and reverses ease) COMING SOON !
  • fix auto-kerning
  • fix justified align
  • allow for filters
  • allow for an optional ‘letter mc’ so you can make custom animations on a text box in an mc, and the class attach it for each letter

Readme, demo .flas for both MX2004 and Flash 8, and class .as included. Any problems, or perhaps a suggestion? Drop me a line – matthewjumpsoffbuildings at gmail dot com , I’m always interested in feedback

Please be aware that this class is still being developed – any updates will be free to everyone who buys it, but please, if there is a bug, before giving a bad rating, post here and I will fix it straight away.

Posted 4 months ago

Neoblue – Thankyou! This is fixed – this only happens if you have a negative leading i believe…but in order to fix this until the new release is out, place this code on line 747 of textTransition.as

747: t.autoSize = false; 748: t._height = this.format.size2;

(ignore the line numbers of course ;))

KerriO * – Heres The Code

Posted about 1 month ago

NeoBluePut This Code on line 747 and 748

(sorry, once again Textile messed up my post)

Posted about 1 month ago

Thanks so much! You go above and beyond (and thanks for the comments you added to the code; it will help me learn what you’ve done). Well worth the 8 bucks!

Posted about 1 month ago

:O This is a manic file, completely brilliant :D!

Posted about 1 month ago

can you do this effect with images?

Posted about 1 month ago

im not sure i understand…this class is for animating text (letters/words/lines), not images…

If you just want to animate images, use TweenLite

unless you somehow want to break an image up into parts, and animate each part in – if thats what you want, i would need to create it, get in touch with me via email and i can quote you on a price :)

Posted about 1 month ago

Hello,

Can I reuse the same dynamic text field to create new text effects everytime the text field content changes?

I’m pulling text from an XML file and populating a dynamic text field in a timed loop ie.

txt_Headline.text = (evt.desc)

I’ve tried using removeMovieClip to remove the MC and then re-calling the textTransition… but all I can get is the first record to show.

thanks

Posted about 1 month ago

No sorry this wont work, as it destroys the textfield and replaces it with a movie clip of the same instance name.

You would have to recreate the textfield.

I should make a ‘convert back to text’ option. I’ll add it to my todolist.

I will update this file in the next week, so stay tuned, this will be an option available…

Till then, you will have to create a textfield for each text item…

Posted about 1 month ago

Great! Thanks. Till then I’ll make do with the tween class.

Posted about 1 month ago

Ive been working hard on this file, some MAJOR updates are in the works. Unfortunately, flash seems to have a (largely unknown) autoSize bug – when you change the text of a textfield it takes a while for the _width to return correctly. This is resulting in some hassles for me, but Im doing my best to make this perfect…

Whats planned for version 3.0? reverse(), stepBackwards(), stepForwards(), multipoint tweens, letter randomiser, filters option, revert(), rebuild(), fixed letter layout, bugfixes

Posted 26 days ago

In my development version, Text layout is improved greatly for non-autokerned text – left align is perfect, centre and right align are close, and justified is working good, just a couple of pixels out here and there, but im getting there…

Auto-kerning has improved a bit, but I havent found a workaround to flash’s bugs yet…

Posted 25 days ago

really nice work :-) does this handle html text?

Posted 22 days ago

I havent created that kind of functionality. I think if it recieved HTML textfields it would just create them as if they werent…I’ll look into it and possibly add it to my todolist

Posted 22 days ago

thanks for getting back to me. I would be great to have that functionality as all sites i do have to have html text coming from xml files.

Posted 22 days ago

Im doing some massive updates, ill look into adding this :)

Posted 22 days ago

Text Layout is done (there is a tiny bug to sort out), but now left, right, centre and justify align work pixel perfect, as long as autokerning is off.

I cannot fix autokerning because flash has a bug, so for best results you will always need to ensure your textfields have autokerning turned off in the properties panel…

To read about this bug, you can check out this thread – post 5 also contains this demo of the bug

Posted 19 days ago

I purchased this file (Awesome file by the way) and I was wondering if the ‘convert back to text’ option has been added.

I have the same issue as that other guy. I have one dynamic text box in flash that is pulling timed text from an xml file. I was hoping to be able to apply a transition (simple fade at the least) to each of the text lines that populate in the field at a certain time.

Thanks!

Posted 17 days ago

Sorry, not just yet – I’m still working on it all. Work is hectic again…

Posted 17 days ago

Hi Matthew..

I’m trying to use your code, copied and pasted it into my flash file. I’m using example 3. But I can’t get it to work.

I have the transition, gs folder and fla all in the same folder. I copied your code into the 6th frame of my movie with the actionscript with it.. but it still doesn’t work. Am I missing anything?

ps. I’m going to be using the effect on alot of text (doing a demo)

thanks, :-) michele

Posted 16 days ago

Me again,

I tried putting the code into a movieclip and placing it on the main timeline and now it works. It seems the code has to loop for it to work.

Do you have another way to have the text effect work on a 1000 frames movie without having to put it in a movieclip?

thanks, :-) michele

Posted 16 days ago

im not even sure what you mean by ‘the code has to loop for it to work’. Im pretty sure this is incorrect, you may have just been doing something wrong…

the text effect already works on a 1000 frames movie without having to put it in a movieclip

I recommend you send you .fla to me and I can fix it up for you.

Posted 16 days ago

OK Everyone, Ive got the text layout engine damn near perfect.

Couple of things:

(1 – due to flash’s autokerning bug, i have hardcoded in autokerning = false. So if you want your text to look exactly how it would if you had no transition applied, you will need to disable autokerning in the properties panel

(2 – If you have a single word that is longer than the width of your entire textfield, you will get unexpected results. Its not common that a word is that long, but i need to mention it.

I hope people dont mind too much about no autokerning support, its out of my court unfortunately…

Posted 16 days ago

hi matthew,

i’ve buyed the file too and, like the other two guys, i use xml to update the text…

we are three people now that need the ‘convert back to text’ so i think you should work hard on it :)... kidding.

hope you will fix this issue as soon as possible

thank you for this awesome file

max

Posted 6 days ago

Sorry its taking so long to release the new version, I’m snowed under currently with other work.

Of course, this isnt exactly a ‘fix’ or an ‘issue’ per se, just a feature I will add soon as possible ;)

Posted 5 days ago

Hi matthew,

sorry for my english, i know this is a feature and i understand that using the word “fix” my comment looks like a criticism… that is not…

I just wanted to underline that if you add this feature, of course, more people will use your file :)

thanks again for your work. max

Posted 5 days ago

Matthew,
It’s amazing… so many options.. and so versatile..

Thanks! :) ;)

Posted 3 days ago

Yeah, this is cool

Posted 1 day ago