Brand New Bubble Chat Customizations

Hello developers!

Last year, we completely reworked the in-game bubble chat. We’ve been listening to your feedback and are excited to release even more improvements + customization features!

(if you haven't already, here's how you can enable bubble chat)

Enable it through the BubbleChatEnabled property in the Chat service (game.Chat):

image

Or through a (client-side) script:

local chat = game:GetService("Chat")
chat.BubbleChatEnabled = true

New Customization Options

We’ve added many new settings through the SetBubbleChatSettings API to support things like: images, gradients, and better animations.

Here are just a few of the additional customization options that have been added since the release of the new bubble chat in October 2020. For full details, refer to the DevHub article below.

  • BackgroundImage settings
  • BackgroundGradient settings
  • SizeAnimation & TransparencyAnimation settings
  • AdorneeName
  • CornerEnabled
  • LocalPlayerStudsOffset

Different Styles for Different Users

You can now create unique chat bubble styles for specific users types! For example, you could add a visual distinction to differentiate between teams, friends, or even game pass-owners. Read more about UserSpecificSettings in the Dev Hub article linked below.

Read through the full bubble chat tutorial over on the DevHub!

531 Likes

This topic was automatically opened after 12 minutes.

Will we be able to specify the corner radius?

42 Likes

Yooooo, it looks pretty cool. Keep up the good work!

16 Likes

Is there a plan to have a way in which we can adjust the settings for each specific chat message that is sent?

15 Likes

Yes! This is amazing! The one last thing I’d want to see is customizable shapes for the chat messages.

18 Likes

It’s nice to now have an easier way to do this. Looking forward to the personalization options that will inevitably come with it.

9 Likes

Is there currently a feature that allows us to customize the bubble chat UI depending if a player is in team-chat or not? This is something that could be done by forking the old bubble chat system and would be a nice feature for a game I work on.

10 Likes

Sheeesh, Im gonna use this for my future games.

12 Likes

Really good stuff, can’t wait to use this in different genres of games to give an appropriate feel to it.

6 Likes

I guess my fork isn’t needed anymore that I made a while back, I love this update. Edit: it has some use still so I updated it.

3 Likes

will there be an option where you can also enable the old bubble chat in your game if you dont want the new bubble chat?
aka this:
image

edit: wait nevermind i was wrong about what i said

for a second i thought this was going to replace the current bubble chat we have today, but when i looked more into the topic, it was actually about customization stuff to make your bubble chat look more modern and appealing to your game

5 Likes

Nice update it makes bubble chat easier to read now!!!

you know i will go for Dark mode better for eyes …

9 Likes

Thank you so much! This will be so useful for improving my old bubble chat theme!
(a theme for the new rework that looks like the old bubble chat)

Also, I’m working on a full nametag rework, and I’ve really been hoping for player-specific customization + adornee customization. This makes my system possible!

3 Likes

Now this is really cool! I don’t do studio work myself but I can this will be easier for developers! This will definitely be useful for the different types on genres there are on Roblox!

8 Likes

You would just not manipulate the settings at all.

3 Likes

when you said “manipulate the settings”, are you saying like there wont be an option where i can add back the old bubble chat in roblox studio or am i not understand much from your reply

1 Like

Cannot express how crucial this update was for us!

Our game struggled to make good use of this new feature due to the lack of adornee customization, and that addition alone has made this a viable tool to use.

The additional customization options are convenient to use and implement; exactly what I wanted from a reworked chat bubble system.

This is a 10/10 update. Kudos to the Roblox Staff who worked on this and made it possible!

8 Likes

10/10

I’ve been waiting for something like this for quite a while, adding this to my “experience” right now!

3 Likes

Like manipulation of a majority of core Roblox ui, it takes a dictionary that can define specific settings. This is explained in the documentation that has been listed at the bottom of the post. You don’t need to call :SetBubbleChatSettings() at all if you just want it to be normal.

3 Likes