• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 10. Drag-and-Drop Interactions

Lesson 10. Drag-and-Drop Interactions

Creating rich learning media is all about empowering users to interact with learning content. You've come a long way since Lesson 5, where the only interactivity you gave users was the ability to stop and start a video simulation. You added computer simulations and text entry in Lessons 6 and 7, and you moved to nonlinear, user-controlled interactions in Lessons 8 and 9. But so far, with only a few exceptions, the interactions have been limited to clicking the mouse.

Drag-and-drop interactivity adds a whole new level of user engagement with the content.

In this lesson, you will hand more power to the user. You will create drag-and-drop interactions in which the user gets to put four notorious monsters—a snake-haired fury, a centaur, a lizard-man, and Lucifer himself—in their places. In addition, you will see how to use these interactions as triggers for other events. That is, the secondary events caused by the drag-and-drop interaction won't be triggered by traditional events such as on(release) or onClipEvent(load), but by custom events you program and users trigger as they manipulate the learning content.

WHAT YOU WILL LEARN

In this lesson, you will:

  • Create draggable objects and assign hit targets for them

  • Use the hitTest() action to determine whether a drag object was dropped on the right target

  • Use the trace() action to test scripts in development

  • Provide dynamic feedback based on user actions

  • Work with global variables

APPROXIMATE TIME

This lesson takes approximately 1 hour to complete.

LESSON FILES

Media Files:

Lesson10/Start/script_html.txt

Lesson10/Complete/upper.swf

Lesson10/Complete/lower.swf

Starting Files:

Lesson10/Start/lower.fla

Completed Files:

Lesson10/Complete/lower.fla

Bonus Files:

Lesson10/Start/lower_extrapractice.fla


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint