How to Remove All Core Roblox GUI Elements
During my internship, I was tasked with creating a Webtoon Reader in Roblox. One of the initial challenges I faced was removing all of the built-in Roblox GUI elements, such as the comments, jump, and move buttons. These default elements interfered with the custom user interface I was designing, so finding a way to effectively hide or disable them was crucial to the success of my project.
After scouring multiple sources and videos, I found two scripts that, when combined, successfully removed all the base GUI elements except the Roblox icon in the top right corner, which is mandatory.
Removing Jump and Move buttons
Let’s first talk about the Jump and Move buttons. With a bit of searching through the Player hierarchy — specifically Player, then PlayerGui, and finally TouchGui — you’ll find a Frame under the ScreenGui named TouchGui. Deleting this Frame will remove the Move and Jump buttons instantly.
The code for this is quite simple. In this example, I placed a local script named RemoveTouchGui in StarterPlayerScripts, which is a child of StarterPlayer. Here is the script path and code:
local Players = game.Players.LocalPlayer
local PlayerGui = Players.PlayerGui
local TouchGui = PlayerGui:WaitForChild("TouchGui")
local TouchControlFrame = TouchGui:WaitForChild("TouchControlFrame")
TouchControlFrame.Visible = falseIn this script, we start by getting the local player and accessing their PlayerGui. We then wait for the TouchGui to be rendered within PlayerGui. Once TouchGui is available, we wait for the TouchControlFrame within it. Finally, we set the visibility of the “TouchControlFrame” to false, effectively hiding the Move and Jump buttons. This ensures that these default UI elements do not interfere with our custom interface. We need to use a LocalScript for this task because it interacts with the player’s GUI, which is client-side. LocalScripts run on the client and have access to local player objects and their interfaces. By placing this script in StarterPlayerScripts, it ensures that each player who joins the game will have their GUI modified locally, hiding the Move and Jump buttons without affecting other players or the server.
Removing the Chat GUI Elements
Lastly, we need to remove the Chat icon and other built-in Roblox GUI elements. Although I couldn’t find the exact path to these GUI elements, I discovered a method by looking at the Roblox documentation that allows us to delete the Core GUI.
Get Nithilan Kumaran’s stories in your inbox
Join Medium for free to get updates from this writer.
The code is quite simple, and once again, we will be using a LocalScript. Place this script in StarterPlayerScripts. For this example, I’ll name it RemoveMainGui. Here is the Script path and code
local Player = game.Players.LocalPlayer
local StarterGui = game:GetService("StarterGui")
StarterGui:SetCoreGuiEnabled(Enum.CoreGuiType.All, false)In this script, we start by getting the local player and then accessing the StarterGui service. The StarterGui service manages the GUI elements in Roblox. We then use the SetCoreGuiEnabled function to disable all Core GUI elements. By setting the CoreGuiType to “All” and the enabled parameter to false, we effectively turn off all the default GUI elements, such as the Chat icon and other built-in interfaces. This approach ensures a clean and customized interface for our Webtoon Reader.
As you can see, the Chat GUI is no longer visible. When this script is run on the actual Roblox platform, the three dots GUI will also be removed, ensuring a clean and uninterrupted interface for the Webtoon Reader.
Conclusion
That’s it! With this, you have learned how to delete all Core GUI elements from Roblox.
If You Wish To Support Me As A Creator
- Clap 20 times for this story
- Leave a comment telling me your thoughts
Thank you! These tiny actions go a long way, and I really appreciate it!
Website: https://nithilan.dev/
LinkedIn: https://www.linkedin.com/in/nithilan-kumaran/
Github: https://github.com/sathariels
