Skip to main content
asidfree
Known Participant
September 17, 2009
Question

White outline when circle is on top of tween

  • September 17, 2009
  • 1 reply
  • 399 views

I have a circle on top of an image that's fading in and out.  When I tween the image, a white border appears around the circles on top of the image.  This doesn't happen when the circle is below the image layer, and it doesn't happen with a square.  Any idea what's going on?

Below is an image of the hairline white border around the black and blue circle.

Picture 1.png

I'm not sure if it matters, but here is my AS:

import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;
import flash.events.*;

var curTween:Tween = new Tween(testImg, "alpha", Strong.easeOut, 100, 0, 3, true);
curTween.addEventListener(TweenEvent.MOTION_FINISH, fadeBackIn);

function fadeBackIn(event:TweenEvent) {
     var nxtTween:Tween = new Tween(testImg, "alpha", Strong.easeIn, 0, 100, 3, true);
}

This topic has been closed for replies.

1 reply

asidfree
asidfreeAuthor
Known Participant
September 17, 2009

Well.  After tinkering around with the menus, I found the solution.  If you click on the circle object, an option appears in the property inspector for "runtime bitmap caching."  Enable that, and no more crappy looking white borders.

Picture 2.png

Here is the AS to do the same thing:

myCircle.cacheAsBitmap = true;

Here is some more info on bitmap caching, if you're interested:

http://www.adobe.com/devnet/flash/articles/bitmap_caching_02.html