Drag and Drop on a small area
May 02, 2019
By
Michael O.
I have a created a drag-and-drop activity. The goal is for a three-d box to be dragged into a Biosafety Cabinet. The box needs to not be ontop of the black stripes (they represent air intake grill). I have tried creating a landing zone but they top and bottom of the box seems to be able to land on the black stripes. Does anyone have a Storyline solution? Or do I need to redraw the Biosafety Cabinet with a longer perspective?
I have attached the Storyline file with the functional slide.
4 Replies
I'm a little confused. Can you show us how you want the final drop to look? Is it something like this? https://cl.ly/b140b782cb4c
HI Tom, Thanks for responding.
My goal is so that the cage box can be dragged to the yellow bottom area of the Biosafety Cabinet. If the cage box overlaps the black boarder it is wrong. Please see attached image with example. I redrew the biosafety cabinet so that it has a larger bottom, but I thought there might be a more elegant technical solution.
By the way, this is what a Biosafety Cabinet is.
I think the first challenge is that the 3D perspectives of the cabinet and baskets don't work well with the drag/drop because you can't show the depth of the object when dragging without doing some sort of state change.
I'd be incline to do more of an overhead view. But if you keep that view, you probably do want to add more depth with the yellow area. The problem with the 3D is that by virtue of the perspective the bottom will not be on the line, but the sides will be over it.
Thanks Tom,
I wanted to do a top-down look as well, but realistically the learners will not be inside the device looking down; which is why i went with the perspective. I did redraw the cabinet so that it looks deeper and i used a diferent cage photo and got it working. There was some trial-and-error to get the sizing of the cage correct and I used a 99% translucent trapezoid as the landing spot.
This discussion is closed. You can start a new discussion or contact Articulate Support.