TextMesh Pro Character gone wrong when use Bitmap Font

Hi, I'm use TextMeshPro for my Bitmap Font. But when i modify my atlas with effect character, character gone wrong cause charater limit area, you can see bellow picture for detail. So i must modify glyph info of X, Y,W, H for all chars to increase its area, it's very hard when i have over 100 chars. So my question is How can i increase char area on atlas? I'm use padding but it not working on this situation.

My step create Bitmap Font With TextMeshPro(fix me if i'm wrong some step):
- Create font asset with bellow settings.
- Export atlas
- Modify Atlas
- Change Shader of textmesh material to TextMeshPro/Sprite.
- Drag and drop my new atlas to material
- Done

My TextMeshPro Font asset for test under bellow!

Thanks!

My Settings Export



My Default Atlas Export


My Atlas after modify




Wrong Text


After i modify Glyph Info,
number 5 for example​

 

Unity forum block me to update my post with test asset, so i post it in here.

 

I just tried the same process and everything lines up correctly.

Since I don't have access to the Rubrik font file, I used Oswald-Bold included with TextMesh Pro. I followed the same steps you outlined and simply added a green outline in Photoshop.

In the image below I have two text objects on top of each other.



Check to make sure your modified texture didn't get shifted in Photoshop or as a result of some texture setting when you re-imported it.

 

Can you try to make bigger outline geometry for each character? I try Oswald-Bold but same result. My Texture setting is Default. I try to change to sprite (2d and UI) but nothing change.



I uploaded split font asset file bellow, you can check it.

Oswald Bold.asset.txt - plz remove .txt cause i can't up file with .asset

 

The behavior is related to the padding value not being correctly applied when the geometry of the characters is created. As a result, the characters end up being clipped.

I'll take a look tomorrow but this is something that I should be able to change fairly easily. This will require a new release of TMP unless you are using the source code version or the Unity 2018.1 release of the TMP which is available via the package manager.

Alternatively, the individual glyphs (x, y, width and height) and offset (ox, oy) can be edited manually in the font asset glyph table.

 

- I'm using newest version of TMP from asset store - Unity 2017.1.1f1
- About padding, so TMP don't affect clip area for characters by padding? If not, i truly hope you will add some option to modify that. Thanks!
- Yeah, i must modify all individual glyphs of chars to make it look perfect, but it's truly painful when i have to do for multi font or atlas, or contain many characters.

Btw: This is the quick way for anyone need to modify individual glyphs:
1. Download and install paint.net
2. Use Magic Wand to select one character you want to set glyphs.
3. Look at bottom left, then you can see X, Y, Width, Height.
4. Fill on glyphs info, ez pz. LOL

 

I modified the Normal Bitmap shader to add a padding property as seen below.



Since this padding value is related to the modified font atlas texture, it makes sense to have padding set per material and not per font asset. This way, you could use multiple modified font atlas textures each with their own specific padding values.

Here is an example where I modified the font atlas texture in Photoshop to add an Outline and Shadow. I switched to the Normal TMP Bitmap shader. Assigned the new atlas as well as a texture on the face (for fun). Lastly I adjusted the padding on this material.



Note that I did not have to touch any of the Glyph Table data for the font asset.

 

- I'm use Sprite shader to make bitmap font working, use Bimap font it 's just show white charater.
- So i just need to update my TMP to newest version to use this feature?

Thanks!

 

I modified the TextMesh Pro bitmap shader to add this new functionality. You will need a new version of TextMesh Pro unless you are using the paid / source code version or the Unity 2018.1 version where both include source code and as such I could provide you the changes.

 

Can you send to me shader? Cause i can overwrite it(TMP_Bitmap) on resource folder. I'm use newest version of TMP from asset store.

 

The shader alone won't do it as this requires also code changes.

 

Please give me the changes, i will try to modify on 2018.1 version. Thanks!

 

Hello? Anything wrong?

 

Replace your current TMPro_ShaderUtilities.cs file with the one below.

Copy this new shader shader in the same location as the other TMP shaders.

 

Thank you very much!