This will make all Offset sized objects in that SurfaceGui larger, and can allow you to use a smaller TextSize, saving space in the font atlas. Instead of setting TextSize to 100 on your SurfaceGuis to make the text bigger, consider lowering the PixelsPerStud property on your SurfaceGui. Setting the MaxDistance property will cause the UI to stop rendering when it’s too far away from the player, which should help reduce the number of BillboardGuis being rendered at once. This is often because they’re in another room, but are occluded by a wall. Best Practices for Text Set MaxDistance on BillboardGuiĪ common issue we see in games is having dozens, or even hundreds, of BillboardGuis being rendered that aren’t even visible on the screen, but still impact performance. This can be from a script, a TweenService tween, from the camera moving (with BillboardGui), or from the player interacting with the GUI. Relayouts only occur when something in your GUI has changed. Tween animations that are constantly changing text size.Typewriter animations that are constantly changing text content being used on multiple instances at once.Many scale-sized BillboardGui objects containing text are shown on screen at the same time.Sometimes there are profiler labels called “Text Shaping + Layout” that show up in the microprofiler that can take a lot of time each frame. Constant re-layouts that take up considerable time A lot of the best practices listed below can help with that. To avoid this happening, it’s best to avoid using too many combinations of glyph, font, and text size at the same time. If there are too many glyphs at once though, there might not be enough space to fit all of them. This flickering happens because when the font atlas gets full, it will delete old glyphs to make room for the new ones. This occurs most often on mobile, where devices have a higher DPI scale. When this texture runs out of space, you will start seeing artifacts like text on screen constantly flickering.

These images are all stored in one large texture, called the font atlas, that’s used for all text rendering. The size is also affected by your device’s pixel density (DPI scale), which can be higher on mobile devices. This means that there can be multiple images for the same glyph, at different font sizes. Since text needs to be crisp, these images are always made at the exact size they will be rendered at, to avoid scaling artifacts. This is the process of creating a bitmap image from a vector description of a glyph (letter/symbol) in the form of a TrueType font (.ttf). When rendering text, font rasterization is usually involved. Types of Text Issues Text constantly flickering While we continue to work on optimizations for general text rendering, we’d also like to give some tips for better performance that will always be applicable. Dear developers, recently we get various reports about text rendering issues on production.

Glyphr studio finalizing