# High resolution 2D font as Texture? **URL:** \ **Category:** Questions\ **Tags:** gui, material, texture\ **Created:** [November 14, 2024, 10:40am UTC](https://forum.babylonjs.com/t/high-resolution-2d-font-as-texture/54760 "2024-11-14T10:40:03Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Brewcrew-MJ](https://avatars.discourse-cdn.com/v4/letter/b/c4cdca/32.png) [@Brewcrew-MJ](https://forum.babylonjs.com/u/Brewcrew-MJ)\ **Post date:** [November 14, 2024, 10:40am UTC](https://forum.babylonjs.com/t/high-resolution-2d-font-as-texture/54760/1 "2024-11-14T10:40:03Z")
Hello folks, So i wanna create a 3D looking like this: ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/8/d8afb44f2da730847a5056b74c4521afcbb235b4.jpeg) 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! ---
**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)\ **Post date:** [November 14, 2024, 11:18am UTC](https://forum.babylonjs.com/t/high-resolution-2d-font-as-texture/54760/2 "2024-11-14T11:18:12Z")
Can you do 2 passes? 1 for the sphere, and 1 for the text ---
**Author:** ![dsaffo](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dsaffo/32/31907_2.png) [@dsaffo](https://forum.babylonjs.com/u/dsaffo)\ **Post date:** [November 14, 2024, 6:04pm UTC](https://forum.babylonjs.com/t/high-resolution-2d-font-as-texture/54760/3 "2024-11-14T18:04:00Z")
Highly recommend the MSDF Text plugin from bhushan6 [GitHub - bhushan6/babylon-msdf-text: library to render text in Babylon js using MSDF technique](https://github.com/bhushan6/babylon-msdf-text) ---
**Author:** ![Brewcrew-MJ](https://avatars.discourse-cdn.com/v4/letter/b/c4cdca/32.png) [@Brewcrew-MJ](https://forum.babylonjs.com/u/Brewcrew-MJ)\ **Post date:** [November 15, 2024, 7:02am UTC](https://forum.babylonjs.com/t/high-resolution-2d-font-as-texture/54760/4 "2024-11-15T07:02:20Z")
And then use something like this for the text? > **[Babylon.js Playground](https://playground.babylonjs.com/#TMHF80)** > > Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes Might work! ---
**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\ **Post date:** [November 15, 2024, 9:41am UTC](https://forum.babylonjs.com/t/high-resolution-2d-font-as-texture/54760/5 "2024-11-15T09:41:22Z")
Huh? I nearly feel it might be odd to ask (may be I missed something šŸ¤”)ā€¦ but I just have to ask: ā€œ_Why not simply use the 2D GUI_ā€? > **[Babylon.js Playground](https://playground.babylonjs.com/#ZI9AK7%234230)** > > Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes EDIT: or even inside a sphere (my apologies for I didnā€™t style the sphere, lazy me šŸ˜ šŸ¤£) > **[Babylon.js Playground](https://playground.babylonjs.com/#ZI9AK7%234231)** > > Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes 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 šŸ˜… BJS GUI advocate here šŸ‘Øā€āš–ļø šŸ˜‚