Positioning and quality problem!

programming flash
1

I’m working on a design where my plan was to just use flash in a clean and simple way.
I wanted the design to be centered at all times and accomplished that with no problems.
However, I also want a menu in the top right corner of that design, at all times.
This menu is just sticking up and when you mouse over it, it will “pop up” and display the whole menu, then disappear again once you roll out with the mouse.

The problem;
How do I position the menu?

I used the following code to position the design;


var stageL:Object = new Object();

stageL.onResize = function() {
    mcName.tween("_x", Stage.width / 2, 0.5, 'easeOutQuad');
    mcName.tween("_y", Stage.height / 2, 0.5, 'easeOutQuad');
}

Stage.addListener(stageL);

Divide the height and width and you get the center, easy logic.
But how do I position the menu where I want it to and also make it move to the correspondent place when/if the browser is resized?

Perhaps I’m making it a lot harder than it is, afterall that’s my trademark. :stuck_out_tongue:

Now to my second problem; I’ve saved both the basic design and menu as PNG’s and when I put them into flash and make them into movieclips, they get kind of blurred at a few places.
I chose ‘break apart’ aswell and it made it better, but it’s still blurred instead of crisp at a few places in the image (the edges), especially on the top of the menu.

Any solution to this?

Thanks!

2

While fiddling with the positioning problem I came across another one, namely; buttons within movieclips, both with events.
Solution; skipped it. :stuck_out_tongue:
Solving this one through delegation/whatever didn’t work since you can’t mouseover the child (button) until the menu has appeared, which is a onRollOver event.
And using onMouseMove is pretty ghetto, since it will trigger my onRollOver event for my button whenever the mouse is moving while hovering the button, which created a lot of spazm-like animations.

Anyway, I solved the positioning problem by creating a movieclip and stored the menu and design template in there and then just set the y axis for the menu.
This, for some reason, did however make my text look very blurry, which is what I’m working on right now. :stuck_out_tongue:

Case closed? Well, if anyone knows why my PNG’s get blurred (the edges of the design and menu is blurry, not crisp) that would be great.