But the problem is that when I try to add an Outline effect and an Underlay I get this result, the Outline doesn’t go outside of the Underlay:
The only solution I’ve found is to use multiple TextMeshPro texts, 3 in total, this is the result I’m getting:
But this might affect performance since my game is running on mobile devices and I will also be adding vertex animation so it will be a problem to handle multiple texts in slightly different positions.
Is there a way to do it only using one TextMeshPro element?
Thanks for your reply. If the outline was offset lets say a positive value on the Y axis then it couldn’t be seen from the top and only at the bottom right? If so then I wouldn’t be able to achieve the desired result, which is this (that I’ve achieved using 3 TMPro texts):
As you can see there’s the orange Underlay at the bottom and an Outline covering the outside of the letter.
Here is a preview of what will be possible with the new Shader Graph shader(s) which already includes support for Face + 3 Outline + Underlay to which as per your feedback / request the ability to offset those outlines was added.
Here is another example.
The shader graphs / shaders are in good shape. I still need to finish the custom material inspectors as without them, there is no sanity check on material property values which can lead to blowing up the material where the text turns into a solid square or as seen above bleeds into the adjacent character. But achieving this type of fake 3D look will definitely be possible.