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

Lesson 13. Drag-and-Drop Interactions > Drag and Drop Inferno

Drag and Drop Inferno

You already know from Lesson 12, “Nonlinear Flash Interactions,” how the Lower Hell portion of the movie functions. In this quick review, pay close attention to each of the events that happen and what triggers the events. Understanding the intended functionality in detail makes scripting much easier.

Open dante_complete.swf in Lesson 13's Start/dante/flash folder. Navigate to Lower Hell by clicking the Down button.

Once again, this is the completed version as it will appear when you have completed this lesson.

To begin with, notice the second set of directions in blue that appear at the right of the screen. When the document first loads, this text reads, “Drag a monster to its designated post.”

Drag Chiron the centaur to the center of the lake of ice at the bottom of Lower Hell and release the mouse button.

This is the incorrect target for the centaur. When you release the mouse button, two things happen. First, the centaur is snapped back to its original location. Second, the drag-and-drop directions now read, “Incorrect. Please try again!”

Drag the centaur to the second target from the top, just beside the river of blood.

This is the correct target for the centaur. Note that the centaur stuck to its target—in fact, he snapped to his target—and the correct-target feedback now appears where the drag-and-drop directions started.

Drag the centaur back to its original position.

The centaur snaps back into place and the directions text is reset to “Drag a monster to its designated post.”

There are three possibilities for the drag-and-drop object: It can be dropped in the correct position, an incorrect position, or its original position. In all three cases, the object snaps into position and the text directions are updated.

Close the SWF.

By explaining the functionality of the different user actions at this level of detail, it is much easier to envision the scripts required to make it happen.



Not a subscriber?

Start A Free Trial

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