1
votes

I'm having an issue with TextFields, whenever I tween the containers that they are inside of, the text will sorta jump and not scale very smoothly. Is there a solution to this problem? I have tried setting cacheAsBitmap, and that doesn't seem to have any effect. Thanks.

Wanted to add that I'm doing this in AIR, and the tweens are not linear, as in, not just an x tween, it is a tween that is affecting both x and y. I have a feeling it may be due to this.

3
Text fields or text field component? - Ronnie
TextField. I have not embedded them, but I included them in my swc. AIR app. - botbot

3 Answers

2
votes

Make sure they are anti-aliased for animation and not for readability. You can find the setting in the textfield properties. If using script, like TweenLite, you may also want to consider rounding the position on update.

2
votes

Change the anti-alias option to "antialias for animation" instead of "antialias for readablility."

2
votes

As people in other answers state, you can try to round the values the textfield is set to, to partly (sometimes totally) avoid such "jumps".

If you're using a tween engine, like TweenLite, eaze, anything like that, you can try to look for a method to round the position :

  • for example by using the RoundPropsPlugin in Tweenlite,

  • or using the Math.round(value) function in an onUpdate event coming from the tween itself.

Most of the time, good tweening engine will have either (or even both !) of these solutions possible (if not, maybe consider changing engine, TweenLite or eaze are the two bests in my opinion !)