Drag and Drop interaction

Aug 22, 2022

I'm trying to build a drag and drop interaction were there are 2-3 options. Each can be dragged over an image and that changes the state to show a different background image. 

Basically, i'd like them to pick and drag a number over an equation and that changes the numbers in the equation. Has anyone don't anything like this before. I"m very new to Articulate and am not sure where to start.

1 Reply
Ajay Kumar

Hi Felicia Thompson welcome to the community. Feeling very happy to help you.

You have to follow the below points:


1. Create a new state for image that you want to display after object is dropped.
2. Create a trigger:- Change state of picture to Newstate (state that you have created) when the user drops the object number1(object) to picture1(target).
3. Create a trigger change the state of number1 to hidden when the user drops the object number1(object) to picture1(target) for hiding a number after dropping on object.

I hope it works for you. If you still have any query then please drop a message or comment.