I'm creating a drag-and-drop interaction and was wondering if it's possible to "launch" an animation (of the dragged object) after successfully dropping. The idea is the definition is on a "file card" and there are 2 filing cabinets (with "target hot spots"). When the learner drags the card to the correct file drawer, I'd like to have an exit animation "shrink" so it looks like it's being filed.
You can add an entrance and exit animation to an object (0.5 seconds long) and then set the object to hidden, shrink the timeline of the object to 1 second and then set a trigger to change state to normal when the timeline reaches 1 second. the object will no longer disappear.
Now add a trigger to change the state to hidden when object dropped on your target and it should work
To add to what Phil said, the exit animation is triggered when the object leaves the screen (goes from normal to hidden state).
However, the exit animation will also be triggered when the slide ends. Thus you need to account for that. Phil's solution gives you more control over the object's state. Mine pauses the timeline.
I think the timing of the entrance/exit animations are moot as long as the change to normal state is after the object's timeline. Thus everything could be triggered at .25 seconds.
6 Replies
Yes it is but you have to be sneaky.
You can add an entrance and exit animation to an object (0.5 seconds long) and then set the object to hidden, shrink the timeline of the object to 1 second and then set a trigger to change state to normal when the timeline reaches 1 second. the object will no longer disappear.
Now add a trigger to change the state to hidden when object dropped on your target and it should work
Phil got his answer in while I was recording a simple video. Here's the video for those interested.
To add to what Phil said, the exit animation is triggered when the object leaves the screen (goes from normal to hidden state).
However, the exit animation will also be triggered when the slide ends. Thus you need to account for that. Phil's solution gives you more control over the object's state. Mine pauses the timeline.
LOL, and I built a demo https://360.articulate.com/review/content/4302ac68-cd56-4c0d-b834-ea699e317959/review
Here is the file
You made a nice looking demo. :)
I think the timing of the entrance/exit animations are moot as long as the change to normal state is after the object's timeline. Thus everything could be triggered at .25 seconds.
Thanks! I find the animations get faster if I shrink the timeline length down, I suppose it doesn't matter.
And probably looks better https://360.articulate.com/review/content/f6cbb06c-8850-4b38-9cb0-60faee7fb766/review
Holy cow! these examples and videos are exactly what I was looking for! Thank you both for your super quick - and super helpful! - responses. :-)
This discussion is closed. You can start a new discussion or contact Articulate Support.