How do I rotate an object in a drag and drop exercise?
Oct 12, 2023
I am creating a drag and drop exercise and am having learners drag and drop labels to their respective components in an architecture diagram. One of the components is labeled vertically. I don't want it vertically in the items to drag/drop box because it will be a huge giveaway. I am trying to rotate it on "drop correct". I tried states and rotate is grayed out, so I couldn't do it there. I tried annimations, while rotate is on the animation page it doesn't have a star next to it so I don't think it is truely an annimation. It just changes the default position, not impated by timeline or trigger.
I'm new to Storyline and looking for an eLearning hero. Any ideas?
13 Replies
See the attached video. Is this what are you looking for?
The attached video shows one way you can do this with an animated turn. Or you can just rotate the dropped object in the drop correct state if you don't need the animation.
This is what I am looking for but the reverse. I want to drop the text box onto the vertial object.
How did you do this? Maybe it only works for shapes and now text boxed.
The rotation is disabled (gray) as a state change option. I'm going to try the animated turn approach that Walt suggested.
Select a object state and click "Edit States". I used a drop correct state in this example. Cut a object (rectangle) and paste it right back while you're still in edit mode. The rotation will be enabled. Rotate as you like. See my attached .story file.
Nedim, this is exactly what I am trying to do. When I try to do it in my .story file the rotate options are grayed out. Why would it work in your file but not in mine?
Make sure this option is unchecked. Otherwise, your rotated state would be visible only after interaction was submitted.
I attached a quick overview video of cut/paste part, just in case you are missing something.
It is not selected. The exercise it set to immidate feedback. If you drop on the wrong spot it is rejected. My problem is the rotate option is not available when editing states.
I'm sorry if it didn't work for you. I suggest trying Walt's solution instead.
Here's a shorter, easier way, if you don't want an animation.
Thanks for this alternative. The challenge I had with the annimation was getting it to line up in the drop zone. I will give it a try and let you know if it works for me.
I tried all these suggestions and for whatever reason they did not work for me. I decided to try a different approach. Since I couldn't get the drag item to change, I added a disappearing animation for the drag object and modified the drop object to have the desired sideways text. Note, it did not work when I used the state "drop correct". I changed it to "Drag Over" and not only did it work, but it also only changes to that state if you drag the correct item over it. Win!
Thanks to @Walt and @Nedim for all your help.