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

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

Step 0 – Download files, Launch Flash, Create Document http://comminfo.rutgers.edu/~aspoerri/Teaching/InfoVis_ITI/videodemosFlash.html 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

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

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

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)