Slick Forums

Hello,

I seem to have a little problem, so the idea is to show a rotated text with a custom font
all goes well but i see that my font doesn't look nice anymore (anti aliased / smooth) when i've rotated it
any ideas?

g.setAntiAlias(true);
g.rotate(0, 0, -4);
txt1.render(gc, g);
g.rotate(0, 0, 4);
g.setAntiAlias(false);
g.resetTransform();

txt1 is an instance of Label
label = new Label(txt);
label.setFont(fnt);
label.setForeground(clr);
label.setSize(width, height);
label.setLocation(x, y);
label.setHorizontalAlignment(hAlign);
label.setVerticalAlignment(vAlign);
label.setOpaque(false);

The creation of the font:

UnicodeFont ttf = new UnicodeFont(path, size, bold, italic);
ttf.addAsciiGlyphs();
ttf.getEffects().add(new ShadowEffect(Color.black, 2, 2, 1));
ttf.getEffects().add(new GradientEffect(Color.yellow, Color.red, .5f));
ttf.loadGlyphs();

Try setting the filter on the font image to FILTER_LINEAR. Keep in mind that this may cause problems if you plan to scale the font, depending on the sprite sheet (which is why SpriteSheets and Fonts tend to default to FILTER_NEAREST filtering).


EDIT: For UnicodeFont, it would look something like this (untested...)

thanks for the reply so i've added this: but i don't see any difference, maybe my font ttf is of poor quality or so?

List l = ttf.getGlyphPages();
for (Object aL : l)
((GlyphPage) aL).getImage().setFilter(Image.FILTER_LINEAR, path);

ttf.loadGlyphs();

Try adding it after you've loaded your glyphs.

hmm.. doesn't do the trick..
i even converted everything to the hiero settings files

UnicodeFont ttf = new UnicodeFont("hh\\config\\fonts\\font" + fnt + ".ttf", "hh\\config\\fonts\\" + hiero + ".hiero");
ttf.addAsciiGlyphs();
ttf.addNeheGlyphs();
ttf.loadGlyphs();
List l = ttf.getGlyphPages();
for (Object aL : l)
((GlyphPage) aL).getImage().setFilter(Image.FILTER_LINEAR, "hh\\config\\fonts\\font" + fnt + ".ttf");

The following works fine on my end, and produces a much more aliased result than with default filtering:


If you're having trouble, try uploading a small test case and provide the font file that isn't working.

Also, have you considered AngelCodeFont? It's much faster and more efficient if you're just trying to render plain fixed-size text.

probably i won't rotate it or put it on an image or so

another off topick question because i see you are the autor of the slick sui api
in my game a user needs to create his profile by typing his nickname in a textfield
but is there any possibility to center the text in the textfield when he/she is typing?
(mdes.slick.sui.TextField)

tx

SlickSui is dead and no longer maintained... And it's pretty awful compared to solutions like TWL or Nifty-GUI.

I don't remember most of the code to be honest, so I can't help answer questions on it.

for the record, AngelcodeFonts is indeed the font type you should use in slick
for performance and rendering reasons, if you rotate strings with this type it is properly rendered