I’m encountering a perplexing issue with the Text Render Component in Unreal Engine, when used in combination with Depth of Field.
The text becomes distorted and sometimes difficult to read, appearing as if it’s transparent on edges with varying depths. This issue greatly reduces the readability and overall visual quality of the rendered text.
To provide some context, I have incorporated the Text Render Component into my project to display the name of players. However, when I enable Depth of Field effects in the Camera Actor, the text becomes visually distorted.
It seems as though the blurring effect caused by Depth of Field is interfering with the proper rendering of the text, resulting in an unpleasant visual artifact.
I have tried various approaches to troubleshoot the issue, including adjusting the Depth of Field settings, experimenting with different font sizes types and materials, as well as changing between the different Transparency methods (masked, opaque, translucent… ). However, none of these attempts seemed to produce satisfactory results. The problem persists, and the text remains distorted and difficult to read.
This would actually fix the distortion problem, but unfortunately it is no viable solution to me.
The Text from a player further away would be displayed on top of a player that is closer to you, as far as i know there is no way to prevent this when a widget is rendering in screen space.
Also Depth Of Field now won’t have any impact on the Player Name, wich is not mandatory for me, but would be nice to have.
This somehow doesn’t fix it for me.
At the same time TSR or Antia Aliasing in general is something i don’t want to miss out on.
This is how it looks like for me with the different Anti Aliasing settings:
No, i created a new Projekt from the Third Person Character template for the Screenshots and the Video, to make sure its not due to custom project settings.
I didnt change any Settings in the Widget or Text Render Component.
The Issue seems to appear when the Background is blured through DoF and the Background has different depths (see my Video for reference).
If i put a straight wall without edges behind my characters, the text renders normally.
Thank you for sharing the project!
I compared your settings with mine, and if I reset the outline from the Text to default and reduce the camera FOV to around 57,6 ° i can reproduce my issue in your project.
But it seems like adding an outline to the text in my project, removes the distortion on my Text.