Self Review : (Class Activity 5) -Part 1-

Tutorial 1 : Make a simple interactive environment with buttons

Planning your environment

1. Decide on the context of environment. Ex: farm.

2. Make a list or a storyboard that contains the contents of the background and the objects / parts that you are going to make interactive.

Let's getting started

1. Open a new file. File > New

2. In the timeline, double click on the name of this layer and type in background.

3. On this layer, draw the background for your interactive environment.

4. Lock the character layer by clicking on the white dot that is underneath the lock symbol on the character layer.

5. Add a layer by selecting the Add New Layer button. 

6. Double click on the text Layer 2 and rename it objects.

7. Click on the first keyframe on the object layer. Using the draw tools provided, draw your first object. (Alternatively, select File > Import > Import to stage)

8. Select object and press F8 to convert your object to a symbol.Type in the name of your object and ensure you select the button behaviour option Click OK.

9. Click on the object you just converted to a button and click your right mouse button to open up the context menu. Select Edit in Place from the menu.

10. Now editing the button symbol. The timeline for this button symbol only has four frames - one for each of the button states.

UP-when the mouse isn't over the button

OVER-when your mouse is over the button

DOWN-when you click your mouse on the button

HIT-the active area that is the button-the region the user can hit or roll over.

11. Add a keyframe to the Over state by selecting the frame under the word Over and selecting Insert > Timeline > Keyframe from the menu.

12. Click on this new keyframe to ensure that it is the frame you are editing. Change your object to include the name or whatever you wanted to add or remove to make your object interactive.

Ex: Simply added a rounded rectangle and a text box containing the text 'sheep'.

13. Add a keyframe to the Down state by selecting the frame under the word Down and selecting Insert > Timeline > Keyframe from the menu.

14. Click on this new keyframe to ensure it is the frame you are editing. Change the object as required.

Ex: Added a sound file that I have recorded and edited.

15. To add a sound to the Down state keyframe. Select File > Import > Import to library. 

16. Open the library select Window > Library or press F11.

17. Drag the sound onto the stage.

18. The sound has been added to the frame because a blue horizontal line will appear across the frame. This is a graphical representation of a sound wave.

Select Scene 1 above the timeline to return to the main stage.

19. Select Control > Test movie

20. File > Save

21. Turn flash into a game. Select File > Publish Settings.

22. Tick the file format. Click Publish button.