Allow outlines on emojis

As a Roblox developer, it is currently too hard to give emojis an outline.

If Roblox is able to address this issue, it would improve my development experience because it would allow for quick emoji decorations that don’t require additional UI assets and positioning.


Currently, text with a UIStroke & emojis in it appears like this, without an outline applied:
image

However, against chaotic backgrounds this can look out of place and be difficult to read
image

Currently, the best solution is to create images with outlines pre-applied, which can be seen in the background. However, these outlines can appear inconsistent with a UIStroke:
image
image


Based on my understanding of how UIStrokes already work on text I can also understand why this would have a high technical cost for the same reason that image outlines might also, so it makes sense to me why emojis aren’t affected by UIStroke. It’d likely come with an additional memory and complexity cost without really bringing significant benefit.

It would still be awesome to see emojis (and potentially images) get UIStroke support in the future even if a feature like this is potentially not worth it right now, because dynamic outlines come with a big enhancement to contrast and readability as well as the general look and feel of UI.


Lastly, this is unrelated but it is also interesting to note that setting the TextStrokeTransparency property less than 1 visually alters emojis, although it is not affected by the stroke color and instead it just appears that the edges of the emoji are masked out. I think this might be a bug. (Inserting a UIStroke is also identical to using a TextStrokeTransparency of 1):
image
image

14 Likes

I agree with what you’re saying but I disagree with some points.

If you use a app such as photoshop or any other image editing app you can change the stroke size to the same as the UIStroke so I don’t view this as an issue.

Similar but not identical since you can change the UIStroke thickness and give it a gradient color.

This is not true, the stroke is dynamic, as I demonstrated in my post. You can see that the thickness of the stroke on the text depends on the scale of the text in the UI. The stroke styles are also not necessarily consistent. This results in the stroke appearing inconsistent depending on the distance.

I am not really sure what you mean by this, this doesn’t relate to the bug/issue I was talking about with emojis gaining thickness when TextStrokeTransparency is less than 1. I was saying that inserting a UIStroke is identical to using a TextStrokeTrasparency of 1, the text stroke is just hidden and the emoji’s thickness decreases when you use UIStroke, just like when you hide the text stroke normally.

1 Like

Bump, this makes it really annoying to use emojis as icons for things, they blend in too much:
image

The skull emoji’s pretty hard to see against the background.

1 Like