I have made a circular menu which contains 4 imagebuttons, as you see in the image below, the imagebutton are intersecting each other which causes both imagebutton to be clicked at the same time, specially when the background of the imagebutton is fully transparent, it can get messy. and it also makes the imagebutton clickable even if the player is not on the image it self.
Is there a way to work around this? i have tried looking for solutions but i found nothing regarding this issue.
bit of a strange solution but i would just recreate the shape with CanvasGroups
gray is the TextButton
black is a Frame over the TextButton (if TextButton is hovered and frame is hovered then TextButton isn’t active)
next i’d put them into the same shape as the image and make them visible but with 0 BackgroundTransparency (0 TextTransparency and no text for the TextButtons)
then i’ll check if the TextButtons are being hovered without the Frames being hovered (instead of setting BackgroundColor, you just set the Textbutton to Active)
the hover script i made is pretty janky but you get the idea
edit: here’s the baseplate canvastricks.rbxl (62.0 KB)
Wow, i have never seen something like this before. very interesting. ill try to understand this more and see if i can implement it. thank you so much for your time
for some reason the content in the Canvasgroup is not showing for me when i place them in. so im placing all my canvasgroups as i want, which is the same way you did it, and when i place a imagebutton inside of it, or a frame it just dosent show. my canvasegroups are children of a frame inside of a screenGui. any fix?
i’m not really sure what you did so you may need to send a picture
since it looks like your wheel and the icons are 1 whole image, i thought you would’ve put the interaction wheel over your main image (making the interaction wheel have 0 GroupTransparency; because the wheel i made already has TextButtons for interaction → interaction wheel on top of image wheel
if the icons aren’t part of the wheel then you’ll need to do some AnchorPoint tricks to (somewhat) center them
Hey, sorry but i cant send an image as i have deleted what i had before hand, but what your saying is i should have 1 imagelabel with my wheel and icons included into it so all merged to 1 layer, and then add 4 canvasgroups as children of that imagelabel? and then just add text buttons into each canvas with the Blocking frame? and 1 main script to handle it all?
ik im asking alot of questions but im just new to this method so excuse me.
