First off: I'm pretty much a total Flash noob. I've tried finding an answer to this online and in the FAQ but it's entirely possible that this is still an amazingly stupid question or that my analysis of the problem is completely incorrect .
I'm working on a simple Flash (AS3) presentation for uni in Flash Professional CS6 that looks roughly like this:
The grey boxes with numbers in them are my buttons. They've got mouse over effects on them. However, the problem is that those mouse over effects sometimes only work when the mouse is over specific parts of the boxes. I think that's because the boxes are slanted which results in their bounding boxes overlapping each other like this (the bounding box in this image is that of box 9):
I think that this is the problem because the edge of the bounding box pretty much lines up with the area in which the mous over effect of the + box won't work.
Now the easiest solution would be to just resize the grey boxes, of course. However, it's not that simple as I've created the whole design in Photoshop and then imported it into Flash. So that means I can't resize the boxes without messing up their rotation angle or the numbers and I would hate to have to resize them in Photoshop because I've already put quite some work into the Flash file. I was hoping there might be a way to tell Flash to ignore the bounding boxes. I've already tried using masks to define the Hit area but that doesn't seem to help with mouse overs. So yeah...any ideas would be appreciated. And like I said: I'm a Flash noob so it would be great if you could keep it as simple as possible . Thanks !
No, I think you didn't understand my problem. The white disk isn't causing any problems. The grey rectangles are. They're slated so their bounding boxes are way bigger than the actual rectangles and they overlap the other buttons which results in those buttons' mouse over effects not working.
(I did try out your suggestion just to be sure but like I suspected: it didn't change anything.)
EDIT: I've tried a few thins out and it IS possible that the white disk is part of the problem, sorry. (As the bounding box of the disk also overlaps that same area.) However, like I said: your solution unfortunately didn't fix it.
EDIT 2: The white disk was indeed part of the problem. I've sorted that out by replacing it with a Flash vector object. However, now the rectangles' bounding boxes are still causing the same problems and replacing those with vector shapes would take a quite some time so I would really prefer to find a some sort of solution so Flash ignores the bounding boxes. Anyone ? (This teaches me never to prebuild a Flash presentation in Photoshop again...)
if you convert that disk to a movieclip, the rectangles will not respond to the mouse when the mouse is over the disk. if that's the only location where there is a mouse problem, that will solve the problem.
if there's a problem when the mouse is outside that disk, converting the disk to a movieclip will not solve the problem.
all that said, i'm not sure you understand the cause of your problem because flash does NOT use bounding boxes for mouse events. ie, clicking inside a bounding box where there is no shape, will NOT trigger a mouse event.
Your best bet is to create a MovieClip that matches the dimensions of your intended mouse area and set that as the hitArea:
Depending on how the symbol is setup the extra whitespace around the symbols can and will affect mouse input. (The symbols are made from bitmaps instead of vector for instance or there is shape data that isn't visible or another shape/symbol is stretching the area)
Let me know if you need any further instructions on how to implement this method.
If you are using SimpleButton you just define the shape in the "Hit" frame of the button.
Quick Google search revealed this: http://www.echoecho.com/flashbuttons01.htm which seems to go over what I was suggesting for the second case.
I think the problem is that you're working with alpha PNG files from Photoshop. The alpha part of the image will read has solid. Try creating a mask layer from within your symbol that only reveals the diagonal rectangles.