Drag and drop Precision
Apr 19, 2023
I am creating a drag-and-drop face template builder for beauty students to use to generate different templates.
I have got the basics working, however, the one thing I am encountering issues with is the precision of the drag triggering the change in state.
When I have "when the user drags [item] over [location]" set, there does not seem to be any consistency in where I need to drag it onto that item in order for it to trigger the state change to drop correct (which is then set to resize it and snap it to the correct place on the face).
I have tried this with both large rectangles and smaller circles, with no joy. I want to be able to highlight to the students exactly where they need to drag the item for it to work.
When I change it to "user dropped on", it just disappears entirely on the state change for some reason!
Any advice is greatly appreciated!
4 Replies
Hello there, would you be willing to share the storyline source here? Do you have custom states with custom triggers, or are you utilizing the default states for the items?
Hi,
I am utilising normal and drop correct states for this.
Hi Dice Department,
Great questions! I understand you are having a few issues with getting your drag items to display correctly. I'd be happy to work with you to help figure this out!
After looking at your file, I saw that you included the position of the drag item in the drop state. This is why the item seemed like it was disappearing. The state of the item is primarily for changes in how the item looks after it's dropped. So when you dropped the item it actually moved way off-screen. Here is a Peek video with more about this.
I also attached a new Story with the changes already made.
I hope this helps you out!
Hi John,
Thank you so much for the assistance with this, and the explanation! I really appreciate it :) Have a great weekend.