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,493
Reaction score
2,633
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

HexMozart88 wrote on RHachicho's profile.
Hey wait a minute, I remember you!
Granny.gif
Nap! Knit! Read! Repeat!
Granny's got a busy life now :3
Бас Лого.png
Reflections on the topic of choosing the path of the main character )
Now I want to change back to a Class system again xD Around and around we go!
Progress on the title graphic:
titledemo3.png
titledemo2.png
I'm still looking at the best way to do the subtitle.

Forum statistics

Threads
121,905
Messages
1,145,070
Members
160,165
Latest member
zouthay
Top