High resolution 2D font as Texture?

Questions
, ,
1

Hello folks,

So i wanna create a 3D looking like this:

image
image1920Ɨ1920 43.5 KB

This doesnt necessarily need to be a real 3D sphere but a round plane. The important part is the look. I want the object to be semi-transparent (as shown in the picture) and a high resolution font on top of it.
So if I would use a real 3D sphere the font would be curved (thats why i prefer using a round plane?). But the problem I got is: how to achive the semi-transparent material in combination with the 2D font-texture. All the examples i see online the font is kinda blurry? But i need it in high resolution as these Objects are kinda interactive user elements.

Thanks for the help!

2

Can you do 2 passes? 1 for the sphere, and 1 for the text

1 Like
3

Highly recommend the MSDF Text plugin from bhushan6 GitHub - bhushan6/babylon-msdf-text: library to render text in Babylon js using MSDF technique

2 Likes
4

And then use something like this for the text?

Might work!

5

Huh? I nearly feel it might be odd to ask (may be I missed something :thinking:)ā€¦ but I just have to ask: ā€œWhy not simply use the 2D GUIā€?

EDIT: or even inside a sphere (my apologies for I didnā€™t style the sphere, lazy me :grin: :rofl:)

Since you say itā€™s ā€˜interactiveā€™ you could even make it a button and then click on button/label instead of picking the disc or sphere. Again, not sure of what you want to achieve but whenever I read of ā€˜interactionā€™ with objects in scene, the BJS GUI still remains my first choice (and mostly fits my needsā€¦ although I agree, thereā€™s still space for improvementā€¦ weā€™re working on it :sweat_smile: BJS GUI advocate here :man_judge: :joy:

2 Likes