Hi, I’ve made this banner that is apparently choppy. All the layout was done in Flash, and all of the animations are handled in the document class. It’s basically an init function followed by a series of addTween’s, each scene having it’s own function, and then looping back.
I am using Tweener, and the client is saying it looks terribly choppy. I didn’t know/couldn’t tell on my machine, but upon looking at the screen of a slower comp, yeah it’s terrible.
For the life of me I cannot figure out how to get the tweens to go smoother. That said there are some telltale clues on the trouble spots. I notice that any tweens related to only the alphas, that is the fades, tween fine with no problem. It’s any movement of x or y that it goes all jittery. Also all of my fades are pretty much no longer than 1.5s. Each of my movements which involve some ginormous images (dimensionwise) are 3.5-5s long.
Other things of note:
Yes I am removing all tweens after each loop cycle. Firebug shows that there is no memory leak, but it does show some huge processing 75-90% occurring right when those movements (especially if there is also scaling) are happening - processing spikes.
The frame rate was at 31 to begin with, but is now ramped up to 60 which improved things slightly.
Here is a link to the banner in action:
http://tarkett.mindgrabmedia.com
Yes, in retrospect, doing this in After Effects would probably have been the better tool to use even though some text rendering quality will be sacrificed, but this is so far into it, it would be nice to be able to fix what exists without having to start all over. Plus, I’d really like to move on to something else besides this bloody banner!
