Ghosting occurs in shape tweens in clips with scale9Grid active.

Why does ghosting occur in shape tweens? Is this some kind of rendering bug? I seem to keep running into stuff like this
(sorry, first post had image that was not cropped properly by MSPaint and had tons of white space; I fixed it)
--Background (feel free to skip if TL;DR): My SkinnedButton class supports states for DEFAULT, ROLLOUT, ROLLOVER, PRESS, RELEASE, RELEASEOUTSIDE, TRACKOVER, TRACKOUT, DRAGOVER, DRAGOUT, DRAGDROP, plus all variations of SELECTED_* states in addition to a "selectedMask" and "focusMask" display objects that are automatically arranged, docked, and made visible to suit not only the button state, but also (at least in the case of "focusMask") taking into account the manor in which it entered a particular state (via keyboard, via mouse, via assignment, what the drag source origin was, exact origin clip, custom tracked drag source, whether a drag even began, was cancelled, etc.). It dispatches events for all of these states and has fallback chains for any that are missing, since they're all classified into simple states out, over, and down. For example, if no RELEASE state is defined (can be either property named "mc_release" or "release" label on "skin" MovieClip), then it will progressively fall back to ROLLOVER, ROLLOUT, and finally DEFAULT until one is defined. The bare minimum for a functional button is to define a clip for the default state.
So anyway, I wanted to animate my "release" state by having the button collapse and expand, and I discovered this odd ghosting behavior. This is just a simple reproduction of the problem with no special logic, just a shape tween on a clip with scale9Grid active. It appears as though Flash isn't re-rendering the bottom most shape as its exposed by the tweened shape on the layer above:ShapeTweenGhosting.fla - Google Drive
I suspect this is occurring because of the active scale9Grid, since the ghosting goes away when you turn it off, but then the button is all distorted. Turning on cacheAsBitmap exhibits the same behavior. Again, it's not a performance issue, it's just incorrectly rendering. I don't see any documentation stating shape-tween animations are not allowed in clips with scale9Grid applied. The shapes themselves appear to be rendering correctly based on the scale9Grid (i.e. without distortion), but the ghosting is a problem.
Here is an even more pronounced example with a large shrinking and expanding oval shape:
ShapeTweenGhosting2.fla - Google Drive

I posted a bug here: Bug#3767678 - Ghosting occurs in shape tweens in clips with scale9Grid active
Continued experimentation revealed it occurs on the y axis too, and depends on how much you scale the clip.
At 99%, 100%, and 101%, no ghosting is observed. At 110%, it occurs a little bit. At 120%, the ghosting is very pronounced. I suspect the problem is arising due to inaccurate calculations of the redraw regions, which may not be taking into account certain scaling factors, perhaps such as stroke widths; however, I reduced all stroke widths to zero (hairline), and the ghosting still occurred, so something is not quite right.

Similar Messages

Shape tween with bone tool on bitmap

I want to have shape tween animation with bone tool on bitmap image. Because shape tween animation supports only Shape data type, I converted the bitmap to that type (Bitmap -> Trace Bitmap). Problem is that trace command splits bitmap image into multiple shape fragments, so I can't use shape tween anymore.I tried to combine and group shape fragments, but it doesn't fix it. Solutions?

You can create another instance of the bitmap symbol (drag it from library to your stage) to do tweening.

Stumped with vector shape tween

I'm trying to make a simple animation using a vector graphic I imported to Flash after creating it in Illustrator. What I want to do is to stretch the graphic and have the original form grow into the stretched form, by adjusting the vectors to stretch the shape. So far I've gotten this all figured out (I have barely any experience with Flash). I break down the graphic until it allows me to turn it into a shape tween. But when I go to test the animation, it does this weird thing where the inside of the letter (it's a word I'm animating) shrinks and moves out of the way for the inside that matches the stretched contour? Or, the letters start trading places? I'm very confused by this since I have no idea what I did to tell it to do this. How do I just get this animation to be done simply?
Any help is much appreciated.
Thanks,
Kate

1. distribute each discrete part of the shape to its own layer (right click on shape>distribute to layers).
2. tween each layer.
3. use shape hints (modify>shape>add shape hints).

How do you make a motion tween, mask effect and shape tween, with a flash website?

More of less, I will have three seperate pages for the motion tween, mask effect and shape tween... would you make the seperately, in a different scene, as a symbol or on the same scene with the website.

It's not clear what you are after since you start talking about separate pages for the three things, and then ask about how best to put them together. If they are going to be separate they can't be together.
If your intention is to have these three things in one Flash file, ut as separate parts of it, then I would have each within a symbol and have each symbol within the same scene (I don't use multiple scenes).

Issue with Shape Tween

Good day everyone, i have some problems with shape tween and i need your help and explanations. The links below: first link is example of which way this drawing has to be animated, and the second one is my failed attempt. So, why are these strokes changing their shape this way, not like in the first link? Is there any possible way to fix it? I tried to add some shapehints, but flash didnt understand what i wanted to do, hints are simply were red.
https://www.dropbox.com/s/zf1tk8xi2mp6e31/tradigital_2.fla
https://www.dropbox.com/s/09fsoq30xjz4vvq/tradigital_fail.fla

if your shape hints stayed red, you didn't assign them correctly.
remove your current shape hints and then add one. move that a shape hint in the tween's start frame to a position you choose. in the tween's final frame, move a to a position your choose where it is green. test.
any problem?

How can i use shape tweening and motion tweenin together on a movie clip?(where is looping whitch was in propertise panel in CS5?)

how can show animation (shape and motion tween) witch i was created in Scens1-MovieClip in time line?
there was an option (looping) in CS5 but how can i do it in CC and CS6?

shape tweening can only be applied to raw drawn shapes, no movieclips. IF you wanted to do a shape tween to a movieclip it would have to be done within the timeline in the movieclip.

Simple Shape Tween always causes Flash to freeze (CS3)

Flash CS3 Professional is always freezing when I create a
simple shape tween. The steps that I follow to produce this problem
are as follows:
Draw a line
Bend the line into a curve.
Set a second keyframe on the timeline. (doesn't matter how
many frames between the two keyframes)
Use the direct select tool to reposition the point at one end
of the line.
Set the tween to Shape between the two keyframes.
Scrub the timeline.
Flash freezes.
According to the Windows XP Task Manager, the CPU is at 50%
with most of that going to flash.
Any ideas on how to get it working properly?
I can do the tween successfully without issue using Flash 8,
but CS3 freezes everytime. Our company won't let us upgrade to CS4
at the moment.

i can't duplicate that problem.
if the problem occurs when you scrub the timeline, don't
scrub it. test it in the test environment. you may be able get your
tween working doing that (even though that doesn't solve the
problem).

Motion and shape tween

I am having trouble figuring this one out and would
appreciate any help!
Basically what I want to be able to do is move a drawing from
one corner toward the center of the stage, as it approaches the
center of the stage, change shape and then change direction to an
opposite corner.
Can anyone provide me with a simple tutorial?
Thanks in advance!

try making a movie clip of the drawing with shape tween, then
out of that movie clip.....create another movie clip and place that
mc with shape tween and apply the motion.....got it?!....^^

Shape tween

Alright, so I made a image in fireworks that has a glow, and
i started with the same image without the glow... Shape tween from
non glow to glow.. I broke them apart and it refuses to work. It is
acually just multiplying the images around the tween'd image and on
the last frame has the glow.
Im trying for a "Pulse" type of feel, so when you mouse over
a button it will initiate the movie clip. Movie clip will have the
image start off normal, go to the glow, and then back to normal in
a loop.

To adjust the look of the playback, you can add any number of
additional keyframes. If you want the "full on" part of the glow to
stay on for a period of time, then add an additional keyframe after
the second and put the motion tween on the third keyframe and
remove it from the second keyframe. The glow will increase from 0
at the first keyframe to "full on" at the second keyframe, stay
that way until the third keyframe, then reduce to 0 at the fourth
keyframe.
To adjust the amount of the fade, you could, again, add
keyframes. For this operation I would add a new layer and place the
keyframe for the second version fade to this new layer. Then you
can create a counter variable to track how many times the button
has been used. Then use that new keyframe's position as a place to
stop the animation. Exactly how you do that will depend on how the
rest of your code is constructed.

How do I move a clip with transitions attached on the primary storyline?

One more frustrating problem with the mysterious magnetic timeline: on the priumary storyline I created a text clip with a gap clip on each side, then added cross dissolve at the beginning and end of the clip so that it fades in and out to black:
Now I want to reposition this text in the timeline, mantaining the fade in/out at the head and tails. In FCP7 this was simple as a gap in the timeline simply showed black and the clip could be moved as one piece. In FCPX when I try to move the text clip with the P position tool, the transitions disappear after repositioning. Extremely frustrating:
If I select the clip and the fades together, plus the gap clip at the end, and move them together with the Position tool then the fade out is retained, but the fade in still disappears. I've also tried rolling from the fade in from the gap clip before it, but instead of rolling the clip ahead this shortens the fade (I think the behavior of trimming and rolling transitions is totally wacky). The trim tool is also useless in this situation as you can only select one edit point at a time with it.
The only solution I found is to cut the gap clip before the transition, then move the text clip and transitions with the P tool. This will create two abuting gap clips before the text clip, but allow the transitions to remain intact. Not hard, but annoying to have to do
Often I have to adjust the position of a text clip in the timeline like this after adding the transitions to get the timing right. Is there any way to move the clip while retaining the transitions at the beginning and end? It would be so much easier to be able to roll the edges of the gap clips so that I didn't have to make extra edits and workarounds.
The problem seems to be that the gap clip acts as like a regular black slug video clip in some cases, but not in other case. When you move a clip in the primary storyline a gap clip is automatically created to fill a gap -- okay, fine. But you can roll the edges of a video clip with the P tool, but not a gap clip. ***?
I'm using the latest update, 10.0.8. I will be submitting this to Apple as well....

I am trying to move the text clip forward with the transitions still attached. The difference is that in FCP7 you can leave a gap before a dissolve and it will fade in from black. If you move the text clip, the dissolve moves with it, still attached.
In FCPX however, the gap has to be a gap clip. So the dissolve is attached to both the gap clip and to the text clip. Once you put the dissolve on the edit point, there is no way to move the text clip forward or back on the timeline without deleting the dissolve. Or, if you move the clip forward or back with the Position tool (necessary to create a gap) then the transitions just disappear.
Basically, I am looking to roll the transition with the clip.
I could use the opacity handle on the text clip (using "show video animation") in stead of a dissolve, but then I have no control over the shape of the dissolve curve and I'd have to add extra handles to the text clip to center the dissolve where I want it.
Regarding "I very seldom use the position tool. Rolling the gap clips can be done with the regular arrow tool - *that* is one example of the magnetic timeline working for you."
This is true, but clips behave differently when you you roll with the P tool vs the A tool. With the A tool, other clips are magnetically rippled forward or back on the timeline to maintain their relative relationship and avoid all gaps. With the P tool, video clips maintain their position on the timeline, creating or trimming gap clips when a gap is created or filled. The problem arises when a transition is attached to the clip you are moving or trimming.
I understand in priniciple why it behaves the way it does, but it's inconvenient in this case, and inconsistent with the normal behavior of gap clips when a transition isn't involved.
In my mind the transition should be anchored to the video clip, not to both the video and gap clip when there is a transition between the two.

Shape Tweening - simple tween doesn't work

I'm thoroughly discouraged with Flash CS3 for the trouble I'm
having with this simple shape tween. Please tell me it's my fault
so that I can get this to work and not think that Flash is dumb.
I'm going from a small circle with a 1 px stroke to a round
cornered rectangle with the same stroke. It looked like it spun a
little during the morph so I added shape hints. I tried a few
different arrangements and none of them really worked. The most
annoying thing is when it looks right no the FLA and then the
export is working correctly - obviously some kind of program
defect.
Shape hints:
- All four corners with A starting in the top left and
continuing around counter clockwise.
- All four sides with A starting on the left side and
continuing around counter clockwise.
- A on left side and B on right side.
They all either still spun funny or completely disappeared
during the morph.
All the hints appeared green and yellow for all arrangements
- no red hints.
In the past I've arranged them in what I would think to be a
random order with the hints appearing red and the dam thing would
actually work.
Just the fact that I have to screw around with shape hints
for this simple tween is silly.
Simple fix here?

Thanks for reporting the issue. Please move the code in first
frame to frame 2 as a workaround.

Shape tween variables?

Hello :-]
I'm using shape tweens to morph one shape into another:
http://megaswf.com/serve/81955/
While I enjoy some of the choices Flash makes for animating the transformations,
I am wondering if you can control it in any way, or even have flash generate a different transformation.
I would also love to know of any suggestions you might have for making animated videos with shapes more dynamic.
That demo shows about what I know, which amounts to:
applying shape tweens for morphing;
and motion tweens for 2d spinning,
and basic movement from point A to point B.
Bless you!

You can use shape hints for a measure of control on shape tweens.
As for animating there are a lot of tricks. One of the simplest is to use easing. Select one of your tweens and look in the properties panel. There you will see and easing number. Try some different values (negative and positive).
Other things that aren't just a technical fix are anticipation and overshooting. Matter of fact most of the things that make compelling animation have nothing to do with Flash or specific technologies. If you are interested in doing a lot of animating I would recommend any book by Chris Georgenes.

Reflection for a shape tween..how ?

Hi
Flash CS5
I have created reflections so far for MovieClips which are just static png images within the MC, as the MC travels across stage, the reflection travels with it.
I also have an MC of a human standing which, within the MC, it starts as a png, then I have traced that as shapes each with a matching colour fill, I shape tween each of those shapes to become the shape of the ending png (human fallen down) then that png continues to show for the duration of MC timeline.
There are 12 shapes that each tween. (legs , feet etc)
This MC also travels across stage a short distance.
Ideally I need reflections for each of the 29 frames during the fall, either of the combined shapes per frame, or of each of the 12 shapes per frame. The latter would mean a lot of MC's !...as it takes two MC's per subject reflection and some code to make a reflection. (maths 12 x 2 x 29 = 696 MC's !)...impractical !
Method of reflection is a reduced height png is MC'd with e.g. MC and instance name SideView and also a graduated colour rectangle black/white matching this shape is placed over this and MC'd with e.g. MC name and instance name of SideViewMask_mc with white nearest subject, white alpha 30% black 0% my chosen transparency. Then coded.
SideView.cacheAsBitmap=true;
SideViewMask_mc.cacheAsBitmap=true;
SideView.mask=SideViewMask_mc
How can I make my reflection for the shape tween ?
I wondered if for the speed of the fall I could just have reflection MC set for him upright and a reflection MC set for him fallen and Classic Tween those ?...or could the combined shape seen by the human eye per frame be given reflection. Thats still 29 frames each with a different shape.
Envirographics

try it.
i'm not sure what your figure is doing but, if your movieclip's bitmap representation is changing (ie, it's not just moving horizontally/vertically), you'll probably need to update the reflection repeatedly until the bitmap no longer changes.

Shape Tween grayed out between 2 vectors

I have two vector graphics I imported to my stage and want to do a shape tween between them. But shape tween is grayed out. The images are imported Illustrator EPS's. Why is this happening?
I attached two screenshots. Thx!

Right now they are grouped, you need to break them apart. cntrl+B.
That is going to give you some funky results though - with the "02" being the same in both keyframes and the black being what is intended to be tweened, just a heads up. You probably will just want to shape tween the black and motion tween the "02"

Tween fade animation with buttons

Hi, can anyone help me!
I have four movie clips with instance names of "purple_ob", "green_ob", "orange_ob" and "blue_ob"
and four buttons "purple_but", "green_but", "orange_but" and "blue_but"
I want to have the movie clips automatically fade from one to another continually with a 5 second pause inbetween, but then if the user clicks one of the four buttons it will fade the relevant movieclip in. Then if nothing else is pressed the fading will carry on working through the four images in a loop.
So far I have the movie clips fading on a button press but how do I implement the automatic fading from one MC to another?
I've added the code below into the first frame of my scene
//My actionscript 2.0 code
import mx.transitions.Tween;
import mx.transitions.easing;
purple_but.onPress = function() {
purple_ob.alpha = 0;
purple_ob._x = 0;
purple_ob._y = 0;
var alphaTween:Tween = new Tween(currentPage, "_alpha", Strong.easeIn, 100, 0, 15, false);
var alphaTween2:Tween = new Tween(purple_ob, "_alpha", Strong.easeIn, 0, 100, 15, false);
var currentPage:String = purple_ob;
purple_ob.swapDepths(thedepth += 1);
green_but.onPress = function() {
green_ob.alpha = 0;
green_ob._x = 0;
green_ob._y = 0;
var alphaTween:Tween = new Tween(currentPage, "_alpha", Strong.easeIn, 100, 0, 15, false);
var alphaTween2:Tween = new Tween(green_ob, "_alpha", Strong.easeIn, 0, 100, 15, false);
var currentPage:String = green_ob;
green_ob.swapDepths(thedepth += 1);
orange_but.onPress = function() {
orange_ob.alpha = 0;
orange_ob._x = 0;
orange_ob._y = 0;
var alphaTween:Tween = new Tween(currentPage, "_alpha", Strong.easeIn, 100, 0, 15, false);
var alphaTween2:Tween = new Tween(orange_ob, "_alpha", Strong.easeIn, 0, 100, 15, false);
var currentPage:String = orange_ob;
orange_ob.swapDepths(thedepth += 1);
blue_but.onPress = function() {
blue_ob.alpha = 0;
blue_ob._x = 0;
blue_ob._y = 0;
var alphaTween:Tween = new Tween(currentPage, "_alpha", Strong.easeIn, 100, 0, 15, false);
var alphaTween2:Tween = new Tween(blue_ob, "_alpha", Strong.easeIn, 0, 100, 15, false);
var currentPage:String = blue_ob;
blue_ob.swapDepths(thedepth += 1);

Perfect!
I removed the 'swapdepth' and it works perfectly now.
thank you so much for your help, Ned!!!
Below is the final code
import mx.transitions.Tween;
import mx.transitions.easing;
var ob_array = new Array(purple_ob, green_ob, orange_ob, blue_ob);
var ob_count = 0;
var currentPage = purple_ob;
var intervalID = setInterval(fadeOBs, 3000); // adjust the 3000 (3 secs) as desired
green_ob._alpha = 0;
orange_ob._alpha = 0;
blue_ob._alpha = 0;
purple_ob._x = 0;
purple_ob._y = 0;
green_ob._x = 0;
green_ob._y = 0;
orange_ob._x = 0;
orange_ob._y = 0;
blue_ob._x = 0;
blue_ob._y = 0;
function fadeOBs(){
      clearInterval(intervalID);
      intervalID = setInterval(fadeOBs, 3000);
      ob_count += 1;
      if(ob_count >= ob_array.length){
            ob_count = 0;
      var alphaTween:Tween = new Tween(currentPage, "_alpha", Strong.easeIn, 100, 0, 15, false);
      var alphaTween2:Tween = new Tween(ob_array[ob_count], "_alpha", Strong.easeIn, 0, 100, 15, false);
      currentPage = ob_array[ob_count];
//Uncomment the line below if you want to increase the MC's depth
      //ob_array[ob_count].swapDepths(thedepth += 1);
purple_but.onPress = function() {
      ob_count = -1; // one less than this
      fadeOBs();
green_but.onPress = function() {
      ob_count = 0; // one less than this
      fadeOBs();
orange_but.onPress = function() {
      ob_count = 1; // one less than this
      fadeOBs();
blue_but.onPress = function() {
      ob_count = 2; // one less than this
      fadeOBs();

Ghosting occurs in shape tweens in clips with scale9Grid active.

Similar Messages

Maybe you are looking for