Question

I have loaded some images through XML and attached into dynamically created MovieClips named mc0,mc1,mc2…etc.

_loader.removeEventListener(ProgressEvent.PROGRESS, onLoadingAction);
count++;
var img:Bitmap =  Bitmap(e.target.content);
img.cacheAsBitmap = true;
img.smoothing = true;
img.alpha = 0;
TweenLite.to(MovieClip(my_mc.getChildByName("mc"+count)).addChild(img),1, {alpha:1,ease:Quint.easeIn});

and within ENTER_FRAME handler

for (i=0; i < mc.numChildren; i++)
{   
    my_mc.getChildAt(i).x -= Math.round((mouseX-stage.stageWidth/2)*.006);              

}

Everthing works fine. But it is shaking so that it was not looking good.

How do I achieve smooth movement?

Answer 1

One solution I’ve used is to round the (x,y) position to the closest integer. No matter that you’ve added smoothing to your bitmap and cached it, rounding could make it feel less choppy and way smoother.

Another thing you need to be careful is the dimensions of the images. Images that have an odd dimension won’t be smoothed the same way as images with even dimensions. Check how to workaround this in my blog post Flash Smoothing Issue.