I’m an almost-complete newcomer to Flash, but an experienced programmer otherwise. I’m trying to create a simple interactive animation for a website that consists of three rollover areas on a page. When you mouse over an area, a bit of explanatory text is revealed by animating a mask over some text. The text is left displayed until a mouseover of a different area occurs.
Let’s call the three mouseover targets A, B, and C.
A MOUSE_OVER event listener is registered for all three targets. In the event handler for each, I’m following a pattern like this:
A.transform.colorTransform = highlighted;
B.transform.colorTransform = notHighlighted;
C.transform.colorTransform = notHighlighted;
gotoAndPlay("show_info_for_A");
gotoAndPlay("hide_info_for_B");
gotoAndPlay("hide_info_for_C");
The above, obviously, is for handling the mouseover event for A.
The problem, as some of you may already have figured out, is that this doesn’t work as expected at all. The colorTransforms all work perfectly, but the gotoAndPlay() methods don’t produce the expected result. In some cases a mouseover is ‘showing’ when it should be hiding, ‘showing’ more than one text block, or visibly showing and then hiding a text block from a completely unrelated target. I have triple-checked that I have my frame labels set correctly and that I have ‘stop’ actions at the end of every piece of animation.
From searching with Google, I have a hint that my problem might be with the way the render loop works, but I’m far to much of a newbie to Flash to have a real understanding of that.
What is the right way to approach this kind of animation, where a mouseover (or mouseclick) event executes several “parallel” bits of animation?
Thanks!
