How would I detect if a GUI collides with another GUI?

[NiceBuild1]

1. What do you want to achieve? Keep it simple and clear!
   What I want to achieve is to find out when 2 or more GUI elements are colliding with each other.

2. What is the issue? Include screenshots / videos if possible!
   I can’t find out how to implement this into my code, and all the other ways I’ve done it have not worked.

3. What solutions have you tried so far? Did you look for solutions on the Developer Hub?
   What I’ve tried is looking on YouTube, I actually found something that was what I was looking for, but it was outdated. I’ve looked on the forums and didn’t find anything.

Please do not write entire scripts or design entire systems for me.

Thank you!

[ExcessEnergy]

How would I determine if a UI is overlapping another UI?

You could get the Size of each UI element and compare distances between them along the X and Y axis. Let’s say that we want to detect an overlap of two UI elements on the X axis. If the difference in absolute X position between the two elements is less than the sum of their absolute X size, you know they must be overlapping. (We are using AbsolutePosition and AbsoluteSize so we don’t have to worry about Scale / AnchorPoint of the UI). It’s just the same for the Y axis as it is the X axis for ca…

[NiceBuild1]

This is great! But how would I make the player stop moving in that direction without stopping all controls altogether?

[ExcessEnergy]

I am not quite sure how to do this. I think it would be pretty complicated, since you would have to mess with roblox’s bindings. You should make separate post on this topic, and see if anyone else knows any ways to do this.