View Sample Project Hidden Object Game
- Select the Rectangle tool and keep the Stroke and Fill set to null.
- Drag over the Gingerbread Man in the background graphic.
- With the invisible rectangle still selected, open the Buttons and Forms panel.
- Set the Type to Button.
- For the Name option, set the name of the button to cookieButton.
- Open the Layers panel and you will see a new button which should be named cookieButton (see screenshot).
- Repeat these steps for the other four hot spot buttons.
bowButton
ballButton
rocketButton
candleButton
Now we will apply the Disappear animation to each of the hidden object names and assign the corresponding button as the trigger for the animation. - Select the Gingerbread Man text frame and open the Animation panel.
- Set the Preset to Disappear.
- For the Event option, turn off On Page Load.
- Click the icon next to the Event menu and then click on the hotspot button over the gingerbread man on the page. The Buttons and Forms panel should open showing the addition of the Action titled Animation (Gingerbread Man) (see screenshot).
- Open page 13 in to the EPUB Interactive Preview and test your game.
Now the cookieButton can control the visibility of the Gingerbread Man text frame.
Repeat the previous steps for the other four hidden object names.
Back
Index - InDesign Fixed Layout ePub
© 2024 Adobe Systems Incorporated. All rights reserved. Adobe® product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Illustrator, InDesign is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.