Invisible Buttons
We can create a button with nothing in the Up, Over and Down frames but fill in something for the hit frame we can create a button that is invisible, but will respond to the mouse.
- Start a new Flash ActionScript 3 movie.
- Find a picture you like, or draw one, and import it to the stage.
- Lock
the layer with the picture. - Add another layer
above the picture. - Let's suppose there is a tree in the picture: with the brush, outline the tree and fill it in so that you have a solid shape that covers the tree.
- Double click the tree shape to select both the fill and stroke.
- From the menu select Modify, convert to Symbol.
- Name it BtnTree and select Button for the type.
- Double click the button to edit it.
- Add a key frame to the hit area, so that it contains the tree shape.
- Delete the tree shape from the Up frame.
- Insert a KeyFrame in the Over frame.
- Add text with the word "tree" in a color that will show up against the tree.
- Go back to scene1. The button will appear as a transparent blue shape.
- Test the movie. You do not see a button, but when you move the mouse over the tree, you will see the word tree.
Experiment: Create a movie with a diagram labeled with transparent buttons.
INDEX, Frames of a Button, Make your own button, Duplicate a Button, Invisible Buttons, Make an Invisible button Demonstration, Movie with labels
Next lesson: Classes: Using Pre-written ActionScript
