Freeform drag and drop interaction help

Mar 14, 2019

I am building a freeform drag and drop page and this is what I want to happen:

User drags item to correct answer location and I want that to trigger an explosion gif which then disappears along with the choice and answer.

How can I make that happen?

3 Replies
Ned Whiteley

Hi Scott,

In the attached example, when the yellow triangle is dropped on the blue rectangle, the states of both shapes are changed to Hidden. At the same time, the layer that would contain your animated gif is displayed (represented on this occasion by the text "Bang !!"). The timeline for the new layer is set to 1 second and a trigger hides this layer once its timeline is complete.

Hope this helps.

Ned Whiteley

Hi Scott,

This will work irrespective of how many randomly selected targets you have. The state of the objects is controlled by which target they are dropped on. As a result, you could have different effects occurring depending on which target is selected.

In the attached update, I have simply repeated the same process for three separate targets. As the "explosion" occurs on a different layer depending on which target is used, these can easily be adjusted to suit any requirement.

This discussion is closed. You can start a new discussion or contact Articulate Support.