20080912120912 chapter j


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

20080912120912 chapter j

  1. 2. <ul><li>Attach built-in behaviors </li></ul><ul><li>Create a behavior </li></ul><ul><li>Add and modify a behavior </li></ul><ul><li>Open a movie with a behavior </li></ul>Chapter Lessons OVERVIEW
  2. 3. <ul><li>Create a dropdown list with a behavior </li></ul><ul><li>Add keyboard navigation with a behavior </li></ul><ul><li>Change text to speech with a behavior </li></ul><ul><li>Insert and modify a Flash component </li></ul>Chapter Lessons OVERVIEW
  3. 4. <ul><li>A behavior is a prewritten script that adds interactivity to a movie </li></ul><ul><li>Can use built-in behaviors or create your own </li></ul><ul><li>You do not have to write or understand Lingo or JavaScript syntax to create behaviors </li></ul>Attaching Behaviors INTRODUCTION
  4. 5. <ul><li>Built-in behaviors are grouped by category </li></ul><ul><ul><li>Components </li></ul></ul><ul><ul><li>3D </li></ul></ul><ul><ul><li>Accessibility </li></ul></ul><ul><ul><li>Animation </li></ul></ul><ul><ul><li>Controls </li></ul></ul><ul><ul><li>Internet </li></ul></ul><ul><ul><li>Media </li></ul></ul><ul><ul><li>Navigation </li></ul></ul><ul><ul><li>Paintbox </li></ul></ul><ul><ul><li>Text </li></ul></ul>Attaching Behaviors INTRODUCTION
  5. 6. <ul><li>Components library allows you to insert Flash components </li></ul><ul><li>Behaviors in 3D library perform actions on 3D objects based on triggers </li></ul><ul><li>Accessibility library makes movies accessible for hearing- and visually-impaired </li></ul><ul><li>Animation library makes sprites move with or without user input </li></ul><ul><li>Controls library allows you to create and control user interface elements </li></ul>Attaching Behaviors INTRODUCTION
  6. 7. <ul><li>Internet library controls activities on the Web </li></ul><ul><li>Media library controls playback for Flash, QuickTime, RealMedia, and Sound media </li></ul><ul><li>Navigation library allows you to control movement and location of playback head </li></ul><ul><li>Paintbox library allows you to create and modify bitmap images </li></ul><ul><li>Text library allows you to format numbers, force uppercase or lowercase characters, and create hypertext </li></ul>Attaching Behaviors INTRODUCTION
  7. 8. Attach Built-In Behaviors <ul><li>Can drag behaviors onto frames and sprites in Score and on Stage with Library palette </li></ul><ul><li>Can attach same behavior to multiple sprites and frames </li></ul><ul><li>If you want a behavior to affect a cast member, drag behavior to associated sprite </li></ul><ul><li>If you want a behavior to affect entire movie, attach behavior to a frame </li></ul>LESSON 1
  8. 9. Attach Built In Behaviors <ul><li>You can modify the original behaviors in the Library palette; the scripts are located in a cast file within the Macromedia Director MX 2004 folder </li></ul><ul><li>When you attach a behavior, a Parameters dialog box might open, asking for specific settings </li></ul><ul><li>Can only attach one behavior to a frame </li></ul><ul><li>Can use Behavior Inspector or Behavior tab in Property inspector to view, add, modify, and remove attached behaviors </li></ul>LESSON 1
  9. 10. Attach Built In Behaviors LESSON 1
  10. 11. Create a Behavior <ul><li>Can use Behavior inspector to create simple behaviors </li></ul><ul><li>Must understand and write Lingo scripts to create complex behaviors </li></ul><ul><li>Behaviors perform two functions: </li></ul><ul><ul><li>Detect a specified event </li></ul></ul><ul><ul><li>Perform one or more actions in response </li></ul></ul>LESSON 2
  11. 12. Create a Behavior <ul><li>Behavior inspector lists most common events and actions used in behaviors </li></ul>LESSON 2
  12. 13. Add and Modify a Behavior <ul><li>Sometimes necessary to create a set of behaviors to complete a single operation </li></ul><ul><li>For example, Change Cursor and Restore Cursor behaviors are often used together </li></ul><ul><li>Can use the Behavior Inspector tab in Property inspector to add behaviors </li></ul>LESSON 3
  13. 14. Modifying a Behavior <ul><li>Use behavior Inspector to modify a behavior </li></ul><ul><li>To modify a behavior throughout entire movie, double-click behavior in Cast window to open Behavior Inspector and make changes </li></ul><ul><li>To modify a behavior for a specific sprite, select sprite in Score or on Stage, open Behavior Inspector, select behavior, and make changes </li></ul>LESSON 3
  14. 15. Modifying a Behavior <ul><li>In Behavior Inspector, you can add events and actions to an existing behavior </li></ul><ul><li>Cannot directly modify existing events and actions associated with a behavior </li></ul><ul><li>Remove events and actions you want to change from the editing panes and create new ones </li></ul><ul><li>Can also use Behavior tab to make make changes </li></ul>LESSON 3
  15. 16. Behavior Inspector LESSON 3 Restore Cursor behavior Behavior action Behavior event
  16. 17. Open a Movie with a Behavior <ul><li>Can open a movie from within a movie </li></ul><ul><li>This technique closes current movie and opens another </li></ul><ul><li>Allows you to organize large sections of a movie into smaller separate movies - requires less RAM </li></ul>LESSON 4
  17. 18. Open a Movie with a Behavior <ul><li>Can create movie modules (independent movies) simultaneously to save time and maximize production effort </li></ul><ul><li>Must store movie modules in same location to play and package the movie </li></ul><ul><li>Can use a behavior in Library palette to open a movie module </li></ul>LESSON 4
  18. 19. Create a Dropdown List with a Behavior <ul><li>Library palette includes a behavior to create a dropdown list from a field text box </li></ul><ul><li>To create a dropdown list, create a filed sprite on Stage, enter text for list items, drag Dropdown List behavior from Library palette onto the field sprite </li></ul>LESSON 5
  19. 20. Using a Dropdown List during a Movie <ul><li>Can use dropdown list to allow users to make selections or perform simple commands </li></ul><ul><li>Dropdown list opens and reveals all items when user clicks it </li></ul><ul><li>List remains open until next click </li></ul><ul><li>List closes after user makes selection </li></ul>LESSON 5
  20. 21. Using a Dropdown List during a Movie LESSON 5 Enter name of list here Current check mark indicator for dropdown list
  21. 22. Add Keyboard Navigation with a Behavior <ul><li>Making a Movie Accessible </li></ul><ul><li>Enabling Keyboard Navigation </li></ul><ul><li>Setting Up Keyboard Navigation </li></ul>LESSON 6
  22. 23. Making a Movie Accessible <ul><li>Director includes several behaviors for accessibility features: </li></ul><ul><ul><li>Keyboard navigation </li></ul></ul><ul><ul><li>Text-to-speech </li></ul></ul><ul><ul><li>Captioning </li></ul></ul><ul><li>Make movies more accessible to hearing- and visually-impaired users </li></ul><ul><li>Behaviors are available on Library palette </li></ul>LESSON 6
  23. 24. Making a Movie Accessible LESSON 6
  24. 25. Enabling Keyboard Navigation <ul><li>Keyboard navigation behaviors let mobility-impaired users select sprites and simulate mouse clicks without using a mouse </li></ul><ul><li>Users select items using Tab key, which highlights item with a colored rectangle, or focus ring </li></ul>LESSON 6
  25. 26. Enabling Keyboard Navigation LESSON 6 Trigger the item; same as clicking the sprite [Enter] (Win) [return] (Mac) Go to the last item on the Stage [Ctrl][Page Down] (Win) [control][page down] (Mac) Go to the first item on the Stage [Ctrl][Page Up] (Win) [control][page up] (Mac) Go to the previous item on the Stage [Shit][Tab] Go to the next item on the Stage [Tab] description key(s) Keyboard Navigation Options
  26. 27. Setting Up Keyboard Navigation <ul><li>Most accessibility behaviors must be used with other accessibility behaviors </li></ul><ul><li>Must use Accessibility Target, Accessibility Keyboard Controller, Accessibility Item or Accessibility Text Edit Item, and Accessibility Group Order behaviors together to enable keyboard navigation </li></ul>LESSON 6
  27. 28. Setting Up Keyboard Navigation <ul><li>Steps: </li></ul><ul><ul><li>Create an Accessibility group, which associates all accessibility behaviors within the group with a specific scene (Use different group name in different scene) </li></ul></ul><ul><ul><li>Use Accessibility Keyboard Controller behavior </li></ul></ul><ul><ul><li>Attach Accessibility Item behavior to sprite or sprites or attach Accessibility Text Edit Item behavior to text sprite </li></ul></ul><ul><ul><li>Attach Accessibility Group Order behavior to sprites that have Accessibility Item or Accessibility Text Edit Item behaviors </li></ul></ul>LESSON 6
  28. 29. Setting Up Keyboard Navigation LESSON 6
  29. 30. Change Text to Speech with a Behavior <ul><li>Can use Accessibility behaviors to help visually-impaired users </li></ul><ul><li>Use text-to-speech behaviors to make a text cast member or text in a selected sprite audible </li></ul><ul><li>Designed to be used with keyboard navigation behaviors </li></ul>LESSON 7
  30. 31. Change Text to Speech with a Behavior <ul><li>Director has three text-to-speech behaviors: </li></ul><ul><ul><li>Accessibility Speak lets you specify text to be spoken when user navigates to a sprite with Tab key </li></ul></ul><ul><ul><li>Accessibility Speak Member Text lets you specify a text cast member to be spoken when user navigates to a sprite with the Tab key </li></ul></ul><ul><ul><li>Accessibility Speak Enable/Disable lets you specify a user even that can turn the text-to-speech feature on or off </li></ul></ul>LESSON 7
  31. 32. Insert and Modify a Flash Component <ul><li>Access built-in Flash components on the Library palette or the Tools palette </li></ul><ul><li>Each component has unique parameters that you can set to change its appearance and behavior in the Property inspector or a script using Lingo or JavaScript syntax. </li></ul>LESSON 8
  32. 33. Insert and Modify a Flash Component LESSON 8 Button Flash component Flash components Flash component settings
  33. 34. Chapter J Summary <ul><li>Attach built-in behaviors </li></ul><ul><li>Create a behavior </li></ul><ul><li>Add and modify a behavior </li></ul><ul><li>Open a movie with a behavior </li></ul><ul><li>Create a dropdown list with a behavior </li></ul>SUMMARY
  34. 35. Chapter J Summary <ul><li>Add keyboard navigation with a behavior </li></ul><ul><li>Change text to speech with a behavior </li></ul><ul><li>Insert and modify a Flash component </li></ul>SUMMARY