Back to Browse

Tutorial | How to make a custom chat in Roblox

57.5K views
Feb 17, 2021
8:00

How to make a custom chat in Roblox ------ YouTube doesn't allow me to put less than symbols/angle brackets in the description, so please check the pinned comment for the code. My screen recorder started lagging from 7:38 onward, even though it claimed to have been recording at 60 fps. I tried recording it a second time, but it was to no avail. I wrote these, which are all filtered by Roblox: "my phone number is 1111111111" "what is your password" "where is your house" ------ Timestamps 0:00 Intro 0:07 Part I - Adding the necessary objects 0:58 Part II - Customizing objects 1:38 Part III - Decorating objects 2:32 Part IV - Scripting 6:39 Part V - Explanation of the code 7:23 Part VI - The final product ------ Structure (0:07) You must add these objects: ReplicatedStorage: - RemoteEvent "PlayerChatted" - BillboardGui "ChatBillboard" - Frame "Bubble" - TextLabel "Display" ServerScriptService: - Script StarterGui: - LocalScript - ScreenGui - Frame - LocalScript - TextBox "MessageBox" ------ Changing properties (0:58) You must change these properties: ReplicatedStorage.ChatBillboard: .AlwaysOnTop = true .MaxDistance = 35 .Size = {4, 0}, {2, 0} .StudsOffsetWorldSpace = (0, 3, 0) ReplicatedStorage.ChatBillboard.Bubble: .Size = {1, 0}, {1, 0} .Style = ChatBlue ReplicatedStorage.ChatBillboard.Display: .BackgroundTransparency = 1 .Size = {1, 0}, {1, 0} .Text = .TextScaled = true ------ Decorating (1:38) You can decorate your interface however you like, but I did mine as follows: StarterGui.ScreenGui.Frame: .BackgroundColor3 = (0, 0, 0) .BackgroundTransparency = 0.3 .BorderColor3 = (255, 255, 255) .Position = {0, 5}, {0, 5} .Size = {0, 350}, {0, 200} StarterGui.ScreenGui.MessageBox: .BackgroundColor3 = (0, 0, 0) .BackgroundTransparency = 0.3 .BorderColor3 = (255, 255, 255) .Position = {0, 5}, {0, 210} .Size = {0, 350}, {0, 30} .PlaceholderColor3 = (150, 150, 150) .PlaceholderText = Press '/' or click here to chat .Text = .TextColor3 = (255, 255, 255) .TextSize = 20 .TextXAlignment = Left ------ Scripting (2:32) All the code is in the pinned comment. ------

Download

0 formats

No download links available.

Tutorial | How to make a custom chat in Roblox | NatokHD