Flash Storybook - Invisible Start Button
This user interaction for our app will be a touch event that will enlarge, rotate and then open the book. All of this will be triggered by the touch event when the user taps on the book. Our next task is to create another invisible button that will overlay the book area.
- You should already have an actions layer at the top of the Timeline and a buttons layer under that. We already have our invisible ornButton button added to the buttons layer.
- On Frame 1 of the Buttons layer, we already have a Keyframe. From the Menubar, click Insert - New Symbol. Set the Type to Button and name the button startButton.
- Flash will display the button's Timeline with the four button states - Up, Over, Down and Hit. Add a Keyframe to the Hit frame. On the Hit frame, draw a rectangle the size of the book but omitting the corner of the book that overlaps the ornButton area. (670 pixels by 520 pixels). As before, the rectangle can be any color because it will be invisible on the main Timeline as indicated by the semi-transparent color overlay.
- Return to the main timeline and Frame 1 of the Buttons layer. Drag an instance of the startButton onto the stage and position it over the book. Do not overlay the two buttons. We don't want this button to interfere with the other button.
- In the Properties panel, give the button an instance name of "startButton".
IMPORTANT: These app development tutorials are written with the Flash novice in mind. You will need to optimize your app beyond what is covered in these tutorials before finalizing your app for the app store.
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2018 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.