Old Bubblechat Method
Hey developers!
I’m here with my first ever tutorial on DevForum. I’ll be showing you guys how to enable bubble chat, and customize it easily! It will include-
- Enabling BubbleChat
- Changing BubbleChat Font
- Changing BubbleChat Color
Let’s not talk too much and start!
Step 1: Enabling Bubblechat
Insert a LocalScript in ReplicatedFirst. Now write this script inside the LocalScript.
local Chat = game:GetService("Chat")
Chat:RegisterChatCallback(Enum.ChatCallbackType.OnCreatingChatWindow, function()
return {
ClassicChatEnabled = true,
BubbleChatEnabled = true,
}
end)
Here, if ClassicChatEnabled = true then the classic chat will be enabled. If false, then it’ll be disabled. Same for the BubbleChatEnabled as well. Pretty simple, huh?
Step 2: Changing BubbleChat Color & Font
Take this model, insert it in your game. It should insert a LocalScript called “BubbleChat”. Once you have taken it, put it inside Chat.
To change Bubble color, find the BubbleColor Color3Value inside the script. Change it’s value to any color you want.
To change Text color, find the TextColor Color3Value inside the script. Change it’s value to any color you want.
To change Font, Open the script. And in line 10, you’ll see this line:
local chatBubbleFont = Enum.Font.SourceSans
Here, replace SourceSans with any Font you want. If you don’t know what fonds exists, click below.
List of fonts
- Arcade
- Antique
- Arial
- ArialBold
- Bodoni
- Cartoon
- Code
- Fantasy
- Gotham
- GothamBold
- GothamSemiBold
- GothamBlack
- Highway
- Legacy
- SciFi
- SourceSans
- SourceSansBold
- SourceSansSemibold
- SourceSansLight
Default Background Color: Black
Default Text Color: Cyan
Default Text Font: Cartoon
[ Credits to @realmile for this awesome idea! Here’s the reply which gave me this idea. I just modified it and simplified it. Give this man a cookie! 
]
And you’re done! Now you have a cool-looking custom BubbleChat!
Final result:
Links:
- The game to see how the custom BubbleChat looks
- The modified BubbleChat model which helps you customize easily!
- The reply that helped me customize the color (@realmile) / How does my script actually work
Thanks for using my model inside your game 
! If it helped, support the model by pressing the 
and 
button of the model! Any suggestion? Feel free to message me here or in Discord, Techy#9999!
Hey developers,
The new bubble chat (of 2020) was released and this time, it made it VERY easy to customize the bubblechat. But I am still keeping the old bubblechat method, but I do not recommend using it since it’s deprecated.
From this post, you’ll be able to:
- Enable Bubble Chat for your game
- Change Bubble Chat color
- Change Bubble Chat font
- Change distance between bubble and head (useful for overhead GUIs)
- Change corner radius
- And many more!
Though this is already included in the original announcement post, I’ll use the same script, but in details. Let’s start!
Enabling Bubblechat
It’s really easy to enable bubble chat now. To enable bubble chat, find Chat in Explorer and open it’s properties. Then set BubbleChatEnabled value to true. And bam! You enabled bubblechat for your game!
Customizing
It’s way a lot easier to customize bubble chat now. To customize, get this model and insert it. It should insert a LocalScript. Put the LocalScript inside ReplicatedFirst and open the script to customize. You can also copy the code below and paste it inside the LocalScript if you don’t want to take the model.
Customize Script
if game.Chat.BubbleChatEnabled == false then
print("Bubblechat is disabled. Did you enable it from Chat properties?")
end
local settings = {
BubbleDuration = 15,
MaxBubbles = 3,
BackgroundColor3 = Color3.fromRGB(250, 250, 250),
TextColor3 = Color3.fromRGB(57, 59, 61),
TextSize = 16,
Font = Enum.Font.GothamSemibold,
Transparency = .1,
CornerRadius = UDim.new(0, 12),
TailVisible = true,
Padding = 8,
MaxWidth = 300,
VerticalStudsOffset = 0,
BubblesSpacing = 6,
MinimizeDistance = 40,
MaxDistance = 100,
}
pcall(function()
game:GetService("Chat"):SetBubbleChatSettings(settings)
end)
Now, let’s come to the point. What does what do? Most important properties and their default values are described here.
(Not all properties are mentioned here)
Edit the customize script according to the what you want, and customize the new bubble chat easily!
Since this post got so many views, I decided to make a plugin to customize bubble chat easily, without any scripting knowledge. And here it is bois!
