How would I go about doing a custom dialogue like this?

I’ve been looking into doing a dialogue system, it’s currently being done with a regular GUI popping up, but I feel like it’s too much hassle, due to me constantly having to do different TextLabels and to also scale the GUI to fit different resolutions and platforms.

I went into a popular game to get an understanding on how some games do it, and I’ve noticed that Adopt Me have an interesting one where it looks like a billboardGUI and like Roblox’s default one with animations. Is this custom by any chance? It looks like bubble chat, rather than the default dialogue look for NPC’s that Roblox has in studio.

This is what I’m talking about

In short, I’m wondering how I’d go about making something like that, and just wondering if it’s actually custom or not.

7 Likes

I believe it would be custom. The only related thing would be the dialog system as you mentioned, but as far as I know there’s not much you can customize with it - the way the dialog works, the colors, etc. are all very limited.

4 Likes

Yeah, when I saw that I was pretty sad about it. It would be nice to make it a little bit custom, but thanks anyway for the heads up. I’m guessing it’s a billboard GUI too, right?

3 Likes

You’ll need to program your own implementation of it. You can make a NPC create a chat bubble using the ChatService:Chat()
If you want back and forth communication with specific options, you’ll want to program it to show locally then have a gui to select items (or record chat).

The font and text color are a different story. I’m unaware of how to change those.

3 Likes

you can try use one of this amazing tutorials:

Documentation - Roblox Creator Hub

https://www.youtube.com/watch?v=ulJDTXfQ6iw

https://www.youtube.com/watch?v=0i1Ucutir0s&t=226s

6 Likes

Cheers. I remember seeing this in the doc myself but for some reason never bothered with going through with it, I’ll try it out tomorrow when I’m back at my PC.

2 Likes

UPDATE: This basically gives what I wanted.

For those wanting the same style, even though it was rather simple now that I look at it, you can basically use the ChatService:Chat() example in the doc, and then making the ChatColor full white instead of red.

Also using the default bubblechat script to basically edit the fonts.

1 Like