PDA

View Full Version : Jerky animation in flash - how to create smooth animation?

M1lkyBarK1d
05-28-2009, 03:27 PM
Hi

I’m working on a very simple animation for a Leaderboard banner

All I want to happen is some text (6 words) animate in from the right hand side and slow to a stop in the centre of the banner. Simple.

The problem im having is the when the text animates on it tends to stutter and appear jerky whereas I need it to be very smooth.

I’ve tried animating the text using basic frame tweening with easing and with various high frame rates
I’ve tried various coding methods using tweening classes (both the inherit class within flash and imported 3rd party classes) which seem to improve the animation slightly but still with some random jerkiness.

Here’s some sample banners

http://www.dotlabel.co.uk/preview/test/testanimation_code.html

http://www.dotlabel.co.uk/preview/test/testanimation_tween.html

Im creating another banner which animates in text and a simple vector image – the jerkiness seems even worse

One of the problems seems to be when the banner is viewed in explorer. It seems fine in safari

The text is set to anti alias for animation as well and wmode is set to opaque
Im using CS3 action script 2. The banner is to be exported in flash 8

I’ve googled for solutions but haven’t found any that work yet. Any suggestions would be welcome as im tearing my hair out here

Thanks
ZnauZ
05-28-2009, 07:18 PM
nice man! that is some really nice animation banner! i wish i could do it like u
M1lkyBarK1d
05-29-2009, 09:45 AM
Im glad you like it Znauz. I can send you the FLa if you want so you can create your own.

Unfortunately that is not the final banner but something i threw together quickly to illustrate my point.
Paul Ferrie
05-29-2009, 10:05 AM
Have you tried breaking the text apart?
Also you should check out some of the tween classes. They are great at stuff like this:
greensock (http://blog.greensock.com/)
Caurina Tweener (http://code.google.com/p/tweener/)

Hope it helps
kkbbcute
05-31-2009, 06:23 AM
Try changing the AntiAliasing mode of the text to Anti Alias for Animation, under the properties panel, that should solve the issue I think. ;)
M1lkyBarK1d
06-03-2009, 10:11 AM
Have you tried breaking the text apart?
Also you should check out some of the tween classes. They are great at stuff like this:
greensock (http://blog.greensock.com/)
Caurina Tweener (http://code.google.com/p/tweener/)

Hope it helps

Hi Paul

We have tried Caurina Tweener but with no luck. We havent tried Greensock. We'll give that a go and let you know how we get on

thanks
M1lkyBarK1d
06-03-2009, 10:12 AM
Try changing the AntiAliasing mode of the text to Anti Alias for Animation, under the properties panel, that should solve the issue I think. ;)

Yep - done that but still no improvement.
kkbbcute
06-04-2009, 05:56 AM
Oh well, sorry then, are you sure its not because you movie is lagging, have you checked the FPS?