How to create a tiled material for a textblock in a user control

Development Rendering
, , ,
1

I have a texture (Figure 1), and I created a material (Figure 2). When I applied it to a WPF TextBlock, the result was as shown in Figure 3. What I expect is the effect in Figure 4.

Since TextBlock renders text units individually, the top-left corner of each character is (0,0) and the bottom-right corner is (1,1). This causes identical tiling counts across all characters, resulting in inconsistent “density” when rendering characters of different sizes (like C vs. I).

I also tried using screen-space UV coordinates for rendering, which matched my expected visual result. However, during animations, the background no longer moves with the text elements.

How can I achieve one of the following:

1Consistent texture density across characters of different sizes()
2using screen-space UV coordinates, Background movement synchronized with text during animations?

image
image236×236 1.62 KB

5c5e0a221fcf241b947120596f93213d
5c5e0a221fcf241b947120596f93213d1069×552 106 KB

b595f30e602dac19e9258c7ddc119050
b595f30e602dac19e9258c7ddc119050951×446 27.6 KB

044e2d2e9e3ad8fd295d941cb646990c
044e2d2e9e3ad8fd295d941cb646990c982×466 29 KB

2 Likes
2

there’s a node that gets the screen pixel size. i think it could help you. i don’t remember exactly the name though.
check this SceneTexelSize | ueHow
and this Material render size in UI materials - #2 by Zaratusa

3

Sorry, I tried the two methods you said and didn’t solve my problem, thanks

4

im sorry :confused: i don’t have any other ideas :confused:
maybe try a different approach.
i hope you find an alternative soon.

5

Are you still looking for a solution? I can suggest a few ways, but first I’ll have to ask these questions:

  1. a) What is a WPF TextBlock? Can I consider it just a regular TextBlock used in UI or a “Text” widget used in UMG?
    b) Are you using c++ to work with widgets? I mean, is c++ solution suitable for you?

  2. Is the text being displayed subject to frequent and “unpredictable” change? Because if it won’t change during the game, for example, it will just display the name of something, you can just create the text and font texture in some other program and import the image instead. Then you won’t have to worry about all these problems. Not sure if this is a suitable alternative solution for you.

  3. What kind of animation are you doing? Will you use Sequencer or something else? Will the animation itself be mostly some kind of transformation?