I'm making a science game of sorts, showing the human body in slices, like a virtual disection. I'll have the a picture of the person, and mousing over moves the mask to reveal the first 'layer' of organs (in this case Lungs) and the text, then clicking a button will cause the mouse to reveal the stomach and intestines + text, and so on and so forth.
I've got a single mask down, using the following code. lungs is the symbol containing the picture of the lungs and text, circlemc is the circular mask (with blurry edges)
circlemc.mouseEnabled = false;
circlemc.x = stage.mouseX;
circlemc.y = stage.mouseY;
I'm thinking, it I set all the 'internal' pictures as seperate keyframes on a single layer. So for example the final layout would look like this
Layer 1 (bottom). Keyframe 1 contains Lungs, Keyframe 2 contains digestive tract, Keyframe 3 contains liver.
Layer 2 (above layer1) contains mask shape
Layer 3 contains buttons, intending to toggle between the layer 1 keyframes.
Layer 4 contains actionscript.
Would this work? and how would I go about making it work?
I assume the simple snippet code
would for example move the animation from the lungs to the digestive tract, but would the masking continue to work or would it just show the lungs still, would I need to re-code a seperate mask on keyframe2 to mask the digestive tract, and how would I keep the seperate masks apart and prevent one working until the button is clicked?
Europe, Middle East and Africa