Swap objects on the screen in Articulate Storyline 2
Mar 30, 2015
I wonder if anyone has done something similar. I have four objects on the screen (images) and I want them to swap positions, when I move one over the other. I'll try to make it a bit more clear. I have picture 1 , picture 2, picture 3 and picture 4 that are at the beginning in position 1, position 2, position 3 and position 4. I want to move picture 1 to position 2 and automatically picture 2 must move to position 1. Now the position of picture 2 becomes position 1 and the position of picture 1 becomes position 2. The next step is to swap picture 1 (now in position 2) with picture 3 and so on.
I tried 'drag and drop', motion paths, variables and nothing seems to work. Motion paths look promising - if there are external buttons I can move an object right, left, up and down but there are 2 problems: a) I cannot use buttons, I just want the 'left to right' pathway to be activated if I move the object from left to right, the 'up to down' pathway to be activated if I move the object from up to down etc and b) I cannot make the second object to move to the place of the first one.
I wonder if you have any suggestion. Sorry if it sounds too complicated - in reality it is quite simple. I just want two objects to swap positions when one is pushed over the other.
Many many many thanks,
Vassiliki
18 Replies
Hi again,
I forgot to mention that I also tried to do the above with different states.
Best regards,
Vassiliki
I think using motion paths is your best bet. See attached a crude mockup that lets you drag item1 to position 2, then 3 and then 4. As you drop the item, the one underneath moves to the empty slot. Hope that gives you some ideas.
Hi Michael,
Many many thanks. I had gone that far. Unfortunately there is a problem with this solution: when you move object 1 from position 1 to position 2, it seems that both objects behave fine and object 2 moves to the right. The problem is that if you move object 1 back to position 1, object 2 keeps moving on the left instead of going back to position 2 on the right. I have tried to include some variables for each object that show their current position but it does not seem to work. In any case many thanks again for your time.
Vassiliki
Hi mate!
I think D&D option have to help you. Plz, check att. and let me know is that right?
Cheers!
Hi Alexi,
Many thanks. Very very interesting idea although not what I need. It works great if all the objects are moved horizontally. At the end I want them to also move up and down. I changed the dimensions of Rectangle 5. If you have one column it works but if you have two columns and two rows it does not work properly. But anyway it is a brilliant idea.
Thanks,
Vassiliki
Hi Vassiliki,
Yeah in case using both vert&horiz it woudn't work...
The only thing I can help you with end slide is to create not one vertical Rectangle like in my example but 4 (if you have 4 pics in raw) and left some space in rentangle for case if there will be more than 4 pics in a raw.
Hope someone will find perfect solution for you soon)
BR,
Alexi
My quick example was meant to illustrate the concept only. If you need the ability for an object to be moved back to its original position and/or be moved up/down, then you can add adidtional motion paths and triggers to execute the motion paths.
Alexi, many thanks. What you suggest is food for thought.
Michael, many thanks for your time. I had tried exactly what you suggest. The problem is that object 2 must 'know' the position of object 1 before the movement to a certain pathway is completed. I have added two variables for initial position and current position for each object - and this is the point where everything becomes too complicated (although it should be quite simple). In any case,many thanks.
Couple of ideas
1 - I think you need to go back to states - example - Object 1's state 2 is Object 2 and Object's 2 stage 2 is Object 1 - set a trigger to adjust variable to change state(s) when object dropped on, etc. this way you can get multiple objects to change
2. have one object change state change to hidden and have a new object change state to normal - this is easier to do on the fly - you will end up with lots of items.
my first thought is sleeker just needs planning
Dear Cynthia, many thanks. I had tried the first approach in another game and with just 4 objects the triggers become complicated. If I'll not find something more clear / less complicated, this is what I'll do. Many thanks again for your time.
Understand completeely- I have had to map out, on paper, like a flow chart to get exactly what I was thinking down for different scenarios. But,once I did that then it was just time-consuming to make the states and/or variables plus triggers. Good Luck!
Many thanks - I still try if there are any other solutions...
Hello Guys... Even I am working on the same project, where I have 8 images. Motion paths or states, variables, drag and drop are the only solution.
This is the only solution.
Can articulate software team work on this problem. To include a freeform, where the images can be placed into the slots and when an image is dragged or moved from its slot and dropped on another image at another slot then... The image on which another image was dropped should move to the empty slot in that plane. This should be as an freeform type. Where we can adjust the number of slots according to rows and columns as we the developers of elearing courses can add the images according to our requirements. This will surely help us to reduce a couple of week time required to create that particular project.
Hope articulate team gets this information and It will be great if they get back to this type of restriction in their software tool and hope they work on this to make this type of freeform.
I would like to suggest a name for this freeform. " Drag and Drop to Swap ".
Number of motion paths: As I have 8 images. This includes a minimum of 8x8=64 line motion parts for each images. So 64 for each of the 8 images hence, 64x8=512 line motion paths in total.
Number of variables: To move each images based on the variable conditions a set of 16 variables are needed to swap a single images to any of the other 7 locations when another image is dragged from it's location and dropped on it. Therefore 16 variables for each image and hence, 16x8=128 set of variables.
Hi Nagaraj,
Thanks for reaching out! We're always excited to hear new feature ideas from our customers, both here in E-Learning Heroes and in our feature request form! I'll be sure to pass along your idea to my team.
If you're having trouble with a file and would like assistance with it, please share it with our Support Team right here. Thanks!
This discussion is closed. You can start a new discussion or contact Articulate Support.