The introduction of the new mobile thumbstick UI by Roblox has brought some new issues for developers. About 20-25% of the lefthand side of the screen is covered by a DynamicThumbstick button UI, as displayed below. Many, if not most, games have important UI buttons on the left-hand side of the screen. The new thumbstick is overlapping my important buttons.
I can only image about 1-2 solutions to this problem.
- My UI should not be on the left-hand side in the first place and should be programmed to detect mobile devices and move the UIs to the right-hand side of the screen.
- Some sort of UI Z-Index property to make the UI go over the thumbstick
- This is a bug?
(This is on the iPhone 6 Emulator in the studio to replicate the issue and many players have come to me saying they cannot press the buttons, who are of course mobile players.)
the red above displays the Thumbstick box where the thumb is used to drag movement. Any UIs in this box appears to be put under the thumbstick, resulting in non-clickable buttons.
How can I solve this issue?