MechPen

Veteran
Veteran
Joined
Nov 4, 2018
Messages
61
Reaction score
66
First Language
English
Primarily Uses
RMMV
Sharp Text v0.94 beta
MechPen

Introduction
I'm working on a bleep-bloop retro style game, and was annoyed at how blurry the text looked. Any size, any resolution, any CSS options; the UI Text just looked sad. It's not really an engine flaw either; just a symptom of how HTML5 canvas renders text. This attempts to fix that, mostly though the magic of ImageData.

Features
Removes the Anti-aliasing on all text in the game.

Screenshots
rpg_text_smooth_vs_sharp.png

How to Use
Simply install to your plugins folder and turn it on in the Plugin Manager. This plugin should almost certainly go at the top of the list; we are changing how the base engine performs a DrawText function.

This is a beta so things might lag, look terrible, or generally not work! To improve visuals it may be necessary to change the Font Size up or down slightly from the System 2 tab, Advanced Settings block.

Development
Please use this thread to notify me of any issues, or to make a feature request.

It's now (more) compatible with MV! It seems to misbehave at smaller text sizes though.

There are now options to adjust how many pixels are trimmed off the text (something like font thickness) as well as an option to leave the text outline as standard.

Centering text will now attempt to draw on the nearest pixel, to make the text as sharp as possible.

Download
Github


License

This plugin is released under the MIT License.
 
Last edited:

KotoYama

Veteran
Veteran
Joined
Apr 20, 2019
Messages
412
Reaction score
69
First Language
Spanish
Primarily Uses
RMMV
O, man, this plugin is a life savior! I've wasted hours of my life trying to make SFonts work with other plugins.
Thanks!
 

MechPen

Veteran
Veteran
Joined
Nov 4, 2018
Messages
61
Reaction score
66
First Language
English
Primarily Uses
RMMV
Thanks, it works well for what I need to (pixel font at a set size). Do let me know if something doesn't behave quite right. I noticed a small issue with damage pops but I'm not sure if its just my font or how this plugin renders them.
 

Killerslash

Veteran
Veteran
Joined
Mar 31, 2017
Messages
114
Reaction score
21
First Language
Arabic
Primarily Uses
RMMV
eRPoS7yw.jpeg
That image they make 2 buttons (No layer Plugin - All 3 Plugins, 2 Layers).
And the first one is the original RMMV.
The second one is really better, but no one can figure it out, so I hope if you can make one in the second.
 

MechPen

Veteran
Veteran
Joined
Nov 4, 2018
Messages
61
Reaction score
66
First Language
English
Primarily Uses
RMMV
What font is that? I'll see if I can figure this out.
 

Archeia

Level 99 Demi-fiend
Staff member
Developer
Joined
Mar 1, 2012
Messages
15,474
Reaction score
15,920
First Language
Filipino
Primarily Uses
RMMZ
Thank you for the great script! After a lot of playing around I managed to get my pixel font to work properly.

1613562913550.png

I personally disabled text outline and went with shadows (I'm using Visustella Core before anyone asks). But you can turn it off by doing a quick snippet like this:
JavaScript:
Bitmap.prototype._drawTextOutline = function()
  return;
};

Afterwards I just adjusted the line thickness based on the font (not all of them works the same). In my case, it's 0.29. The only downside is once you start adjusting font sizes. It'd be nice to have the ability to add custom thickness based on font size but that's just me throwing some wishes.

@MechPen I did find a bug that for some reason it would bold the Window Category Text:
1613565312415.png
 
Last edited:

Killerslash

Veteran
Veteran
Joined
Mar 31, 2017
Messages
114
Reaction score
21
First Language
Arabic
Primarily Uses
RMMV
Nothing change, blur font didn't remove.
2021_2_17_21_20_46_789_4578.png
 

Killerslash

Veteran
Veteran
Joined
Mar 31, 2017
Messages
114
Reaction score
21
First Language
Arabic
Primarily Uses
RMMV
Which pixel font did you use? I might download the same font in your screenshot.
 

MechPen

Veteran
Veteran
Joined
Nov 4, 2018
Messages
61
Reaction score
66
First Language
English
Primarily Uses
RMMV
Both that, and the 'bolding' of the Window Category text are the same issue. It seems to misbehave whenever text is 'centered'. And it works better in MZ than in MV. I'll see if I can revise.
var scaleWithSize = (TextSharp_LineWeight + (TextSharp_LineWeight * 24 / this.fontSize)) / 2;
is part of the lineweight algorithm so if it's not adjusting with font size let me know and I'll see if I can come up with a better equation.
 

Archeia

Level 99 Demi-fiend
Staff member
Developer
Joined
Mar 1, 2012
Messages
15,474
Reaction score
15,920
First Language
Filipino
Primarily Uses
RMMZ
Both that, and the 'bolding' of the Window Category text are the same issue. It seems to misbehave whenever text is 'centered'. And it works better in MZ than in MV. I'll see if I can revise.
var scaleWithSize = (TextSharp_LineWeight + (TextSharp_LineWeight * 24 / this.fontSize)) / 2;
is part of the lineweight algorithm so if it's not adjusting with font size let me know and I'll see if I can come up with a better equation.

Font size wise it seems to be doing pretty OK so far. I'll test more :)
2021-02-18_11-29-58.png
 
Last edited:

Gawkman

Warper
Member
Joined
Sep 9, 2017
Messages
1
Reaction score
0
First Language
English
Primarily Uses
RMMV
Oh, THANK YOU THANK YOU THANK YOU. Been trying to figure out for months and I had fallen into dispair.
 

KotoYama

Veteran
Veteran
Joined
Apr 20, 2019
Messages
412
Reaction score
69
First Language
Spanish
Primarily Uses
RMMV
Am I the only one who's having compatibility problems with name boxes? :X
MV with Yanfy plugins
Sprite-0001.png
 

MechPen

Veteran
Veteran
Joined
Nov 4, 2018
Messages
61
Reaction score
66
First Language
English
Primarily Uses
RMMV
If Yanfly doesn't respect the pixel grid (or outlines) then you'll have to edit the name box plugin to get it to behave. Search for `drawText` and maybe edit the numbers?
 

PhilRay

Villager
Member
Joined
Dec 10, 2019
Messages
9
Reaction score
2
First Language
English
Primarily Uses
RMMV
You are amazing.

My font is now pixel perfect, however, it seems to be bold (see attached image), and nothing I put in "text thickness" has any effect.

Any idea what I'm doing wrong?

Thank you in advance!
 

Attachments

  • Capture.PNG
    Capture.PNG
    122.8 KB · Views: 15
  • alagard.png
    alagard.png
    17.6 KB · Views: 14

ZedKraze

Villager
Member
Joined
Mar 12, 2021
Messages
6
Reaction score
1
First Language
English
Primarily Uses
RMMV
Heya

This plugin is awesome. My text is now sharp, however I can't get rid of the outline on dialogue text.
outline.png

There's no outline on the title screen menu text
no outline.png


However there is an outline in the in game menu.

Is there a way currently to remove the outline? Just want the flat text like on the title screen menu, no outline or shadow. Or is it a feature that could be added to the plugin?

I am using RPG Maker MV. Plugins that might be related: Yanfly core engine, message core and Galv's message styles. Have tried various settings in those plugins including setting Font Outline to 0 in YEP Message Core, but still the outline on most text.
 

Latest Threads

Latest Posts

Latest Profile Posts

BCj
Got another eye surgery monday. Hope I'll recover quick and all's well. A bit tired of surgeries. On a happy note, working on the next chapter of Escalia so hope I can continue soon :)
Celebrating the arrival of autumn in the Northern Hemisphere :)
When doing a map or whatever, kind of wish you could round out some parts.
Glad to announce:
Released a plugin mod for MV: SelectMultipleTargets v3.0 (mod of original by Zevia)

port to MZ is following

Forum statistics

Threads
115,359
Messages
1,089,266
Members
150,049
Latest member
randomkiko
Top