Drag and Drop Interaction Help

Might help if I attach the right file......

Hi Kate,

I looked at your file but I didn't see any layers established.

Check your email; I sent you an updated .story file with the fixes applied.

Here is what I did:

I created new triggers so when the clapper is dropped on the hotspot it will be changed to hidden. I also copied the clapper so there are two clappers with Change States triggers.

The learner can choose either the left or right hotspot to drop the clapper. Once they do, the clapper state will change to hidden and disappear.

Like Photoshop and other applications, there are many routes to achieve the same effect. The above explanation is how I handle that type of drag and drop.

Let me know if you have more questions.

M

Hi Kate,

I uploaded your course with the Change State triggers applied to the clappers so you can see how it works.

Here it is: http://www.montse.org/files/DragDropCreateEmpathy/story.html

Let me know if you have any questions!

Thank you Montse!

I see exactly what you did with creating multiple images and hiding the image once it is dragged over.

I have these set to go into the lightbox and not layers so this is perfect.

Is this how they are also doing the Great Debate microphone? That is the next piece I am working on.

Thank you again!

Kate

Hello Montse,

I figured out both my questions. I have set up a reset button that changes the state of all clappers to normal. For the microphone, I figured out how they were doing it.
Thanks for helping out again.