CODEWITHSUNDEEP
godotgdscript
Temmie19
Temmie19

Reputation: 33

How Can I Fix Inconsistent Text Downscaling with a Rich Text Label In Godot?

I have a rich text label that works fine under a resolution of 1920x1080. However, when scaled down to the resolution on my laptop, which has a 1366x768 resolution, the text on said label becomes janky and malformed.

A picture of a rich text label with some lines like line 3 and 6 being partially cut off and line 13 being smaller than the others

Some lines are cut off at the top or the bottom, and others are squished (as you can see in the image at lines 3, 6, and 13).

I'm using Godot v3.5.1 and the text font is Noto Sans Regular from here

I tried enabling mipmaps, using the filter, disabling anti aliasing, disabling font oversampling and enabling GPU pixel snap under Project Settings > Rendering > 2D > Snapping. And out of all of those, only the pixel snap setting worked. Completely fixes the issue and the text is rendered properly.

However, this completely breaks an animation of a spinning circle that plays at basically all times during the actual gameplay. It becomes stuttered and shakes instead of the normally smooth animation it has otherwise. I realize this may possibly be fixed by using SVG instead of PNG sprites, but I feel like that's not an ideal solution in case other sprites get added. Especially since my game will also allow community members to add their own sprites for their own game play.

So is there any way to fix the text without breaking the animations, or make it so that the animations don't break with pixel snap enabled?

Upvotes: 0

Views: 599

Answers (1)

Awxen
Awxen

Reputation: 1

Project settings/display/window/stretch/mode = viewport worked for me. Changed it from "2D" to "viewport".

Upvotes: 0

Related Questions