1. Flash Demonstration – Unit 5 – ActionScript 3.0
Done So Far and Build Upon
Name Keyframes
Create Buttons send playhead to named keyframe

2. Done So Far – Create Flash Website with Animated Buttons
Import Images
Convert Images to Graphic Symbols
“Insert > Convert to Symbol”
Create Movie Clip using “Insert > New Symbol”
Insert Graphic Symbol and Animate
Create Buttons
Insert Movie Clip in “Over” State
Create “UP” and “DOWN” Buttons
Create Navigation Bar in “Scene 1” and add ActionScript
Create Scene for Each Category and “Swap In” “Down” Button
 This Unit – Create Secondary Navigation and Named Frames

3. Step 0 – Download files, Launch Flash, Create Document
and Files in Sakai > Resources > Flash
Launch Flash
Open File “Step0.fla”
Using Grid, Rulers and Guides
Rulers
View > Rulers
Guides
View > Guides > Show Guides

4. Step 1 – Create Secondary Navigation Buttons Using ActionScript
1) Create “Button” Symbol = “Part1”
2) Create Button Background and Text
3) Create Secondary Navigation Area in “Bilbao” Scene Add the needed layers
4) Add instance of “Part1” button to “Bilbao” scene and name it “Part1”
Use same steps to create other buttons for secondary navigation
You know how to create the “DOWN” button so that the secondary navigation has a “you are here” indicator:
Select instance of UP button in labelled frame related to button
Swap in “DOWN” button

5. Step 2 – Create Secondary Navigation Buttons Using ActionScript 3.0
1) Select “Part1” instance and name it
2) Open “Code Snippets” Window via “Window > Code Snippets”
Select Timeline Navigations in left panel and
Double-click on “Click to Go to Frame and Play” and code will be added to frame in which selected and named instance is located
Customize Code: specify Frame e.g. “Part1”
function fl_ClickToGoToAndPlayFromFrame(event:MouseEvent):void{ gotoAndPlay("Part1");}
this code is added to “Actions” layer (which will be created if it not yet exists)
3) Open Actions window and examine and customize code

6. 1) Select “Actions” layer
Step 3 – Label Keyframe
1) Select “Actions” layer
2) Select frame = 20, Insert Keyframe and Name it “Part1”
3) Add “stop ();” to “Actions” layer at frame = 20
4) Insert Keyframe at frame = 20 for all the other layers (all the content you want to remain visible)
Use same steps to create other labelled frames needed for secondary navigation
For other scenes: only need to add .addEventListener( code ); in “Actions” layer (make sure to assign correct instance names)