[v1.5.2] Introducing the Emoji Chat Suite

Update: The Emoji Chat Suite has been updated to v1.5.2 which includes customization settings and is no longer a fork of the default Roblox chat, but rather an add-on as it should be. Minor bugs are also fixed.

The Emoji Chat Suite is an add-on to the default Roblox chat. It allows users the ability to type denotations for emojis or select from a list of emojis which can be toggled by the button on the far-right of the chat bar. This is extremely useful for PC players who do not have emojis readily available as a part of their keyboard. I have spent the past 3 days working on this for Flight! but have decided that itā€™d be useful in a lot more games than just one. So please feel free to take it for yourself and implement it into your games. This feature is pretty useful and helps make the Roblox chat easier to use for everyone so I would love to see more people using this.

Sample place: https://www.roblox.com/games/1842945171/Emoji-Chat-Suite-Sample-Place

How it works:

The Emoji Chat Suite works similarly to how emojis work in Discord. The user can either click the emoji list toggle to view a list of all available emojis and click them to use them in the chat, or they can type the denotations in the chatbar themselves. For example, you can either type ":thinking:" or click the :thinking: emoji which is in the emoji list. The emoji list is organized in the same fashion the one in Discord is and for the most part uses the same denotations. The one difference is some of the more popular emojis are put near the top of the list. You can organize this in any fashion by editing the EmojiList modules. Additionally, you can add or remove denotations for emojis, the only rule is that no two denotations can be identical(which should be expected).

If the emoji list is visible, the chat wonā€™t fade away. Additionally, the Emoji list becomes hidden if the user clicks on the emoji list button again, clicks the chat bar to start typing, or clicks anywhere else on the screen. The emoji list is automatically sized to the size of the chat ui at the start of the play session so it scales correctly on all platforms.

Here you can see the button at the far-end of the chat bar which allows users to view a list of emojis that they can use. The textbox that users can chat in has been shortened slightly so that their messages are not hidden behind the emoji list button.

image

Here is what the Emoji list looks like. The button to toggle it fades from black and white into color on hover and back again when you stop hovering over it or the emoji list disappears.

image

Here is a gif of the Emoji Chat Suite in-action in case you wanted to see how it functioned before you tried it out in your game.

This is only the first version of this chat add-on, I hope people find this useful for platforms that donā€™t have emoji keyboards. Iā€™m not entirely sure of the mobile or gamepad support, so I will make sure to work on that and update this thread at that time. Additionally, Iā€™m planning on adding tab buttons to the bottom, such as ā€œpeopleā€, ā€œanimalsā€, etc. which will make the emoji list automatically scroll to the desired set of emojis in the list. Iā€™m also planning on adding IntelliSense so that if a user types in ā€œ:heaā€ it will automatically show a couple of suggested heart emojis. Let me know what you think, Iā€™d love to get feedback on this and know if my work was worthwhile.

126 Likes

Amazing work as always fear :pray::pray:

2 Likes

Currently the only place I have put it in is Flight! which is currently closed to testers only. Iā€™ll quickly throw it in a sample place.

Here you go! https://www.roblox.com/games/1842945171/Emoji-Chat-Suite-Sample-Place

Edit: whoops, didnā€™t add it to a game

2 Likes

Papa bless :pray:

Seriously, we needed this a loong time ago. Probably the minute emoji support came out.

1 Like

I would love a search box, at the top of the emoji page, so i can search insted of drag all the way to the right flag or other emojis
PS norwegian flags is normally named flag_no not flag_bv xD

@Osyris thatā€™s what I meant with IntelliSense(written at the bottom of the post :stuck_out_tongue:), Iā€™ll try to get that done within the next week

@Master3395 that is also something I considered adding, wouldnā€™t be too difficult but the issue is I donā€™t want to cause the emoji list to take up too much screen space. Also I used the denotations given by Emojipedia which uses the international 2 letter abbreviation for countries so sorry ĀÆ\_(惄)_/ĀÆ

so itā€™s basically discords emoji service

itā€™s good

5 Likes

Yes yes yes yes yes yes yesssss!

Norway actually has 3 flag emojis, one for Norway (flag_no) and the two others are for Bouvet Island (flag_bv) and Svalbard and Jan Mayen (flag_sj).

It just so happens that flag_bv is displayed before flag_no as theyā€™re sorted alphabetically.

found what I assume to be a bug. the more lines your message has, the bigger the emoji will get on the side.

1 Like

Huh, I never had that happen. Iā€™ll fix it today.

This shouldā€™ve been integrated into Roblox years ago. Great job!

8 Likes

Thank you! :+1:

Awesome idea! Thanks!

Why was this not in the chat in the first place tbh.

3 Likes

There is no egg plant ;(

Haha, no there is not. But does it really have any good use? Roblox tags it anyway, thereā€™s no point in it being included.

There is no eggplant because as @General_Scripter said, Roblox filters it out. It will just show up as the hash/octothorpe emoji if you try to use it. All of the emojis I support Roblox supports as well which is why there is no dating, marriage or kissing emojis.

1 Like

@FearMeIAmLag

I was just a joke, I know that Roblox filters it.

You should make it auto-fill and guess the emoji you are going to use, sorta like Discord.

1 Like