How do you prevent font blurring?

quackgyver

I make retro games for astrojone.com
Veteran
Joined
Jul 16, 2013
Messages
117
Reaction score
26
First Language
English
Primarily Uses
RMMV
How to you prevent font blurring in RPG Maker MZ?
 

quackgyver

I make retro games for astrojone.com
Veteran
Joined
Jul 16, 2013
Messages
117
Reaction score
26
First Language
English
Primarily Uses
RMMV
VisuMZ_CoreEngine -> Quality of Life settings -> Font Smoothing
That doesn't work. Blurring still occurs regardless of whether the Font Smoothing-setting is on or off:

Screen Shot 2021-08-22 at 16.44.44.pngScreen Shot 2021-08-22 at 16.45.31.png

By using bitmap fonts instead:
or,

I don't think it's a good idea to add a dependency that completely replaces the engine's default font behaviors with something fundamentally different if there's an easier way to achieve the desired effect.
 

quackgyver

I make retro games for astrojone.com
Veteran
Joined
Jul 16, 2013
Messages
117
Reaction score
26
First Language
English
Primarily Uses
RMMV

quackgyver

I make retro games for astrojone.com
Veteran
Joined
Jul 16, 2013
Messages
117
Reaction score
26
First Language
English
Primarily Uses
RMMV

caethyril

^_^
Global Mod
Joined
Feb 21, 2018
Messages
3,064
Reaction score
2,376
First Language
EN
Primarily Uses
RMMZ
:kaohi: I'm not an expert at this, but I thought I'd contribute~

I did some reading and it seems the blurring can be caused by various things, including:
  1. Non-integer render coordinates for the text on the target canvas;
  2. The browser's conversion of TrueType (i.e. vector) font data to pixel/shader data;
  3. System/application display scaling.
The usual solutions seem to be to:
  • Pre-rasterise the fonts, e.g. "bitmap fonts", or
  • Apply some kind of post-processing, e.g. sharpen and/or scale down.
I think pre-rasterisation is the best option here: as I understand it, font rasterisation is CPU-heavy, but bitmaps can almost be fed directly to the GPU.

I haven't tried either of the plugins @SigmaSuccour suggested or looked at the code of those plugins, but I imagine it would be relatively easy to implement without significant compatibility problems. The only way to be sure is to test it for yourself, though. :kaophew:

You might also want to remove the outline, if you don't already have a solution for that. I think this override in a plugin would suffice:
JavaScript:
Bitmap.prototype._drawTextOutline = function(text, tx, ty, maxWidth) {};
 

Latest Threads

Latest Posts

Latest Profile Posts

1643337839651.png
Randomly trying to make some butcher shop tiles for MZ :3
Current menu of Shadows of the Earth: The Vrila'an Legend. Currently taking a break from combat related mechanics. Hope i get the actor busts done before the day ends :)
Was in need for a black van, so I made one by editing that one truck in the tileset. :kaoswt2:
nFfmJca.png
I honestly haven't ever been really active in this community, even though this year will mark my 4th year of having an account and 5th or 6th of using RPG maker. I didn't do anything with RM for most of 2020 and 2021 for personal reasons, but I'm excited to get back into game making!
Editing my old work, I thought the black border made the characters stand out.
Yes, I should have done it from the start. 010.PNG

Forum statistics

Threads
118,771
Messages
1,118,595
Members
155,927
Latest member
ednebula
Top