I am looking to implement high-resolution 2D text within a 3D plane, aiming to achieve the clarity and detail as seen in the attached image.
My previous attempts resulted in text that wasn’t sharp and lacked the desired resolution. I would appreciate guidance on techniques or settings that can enhance text clarity and resolution, and how to create the effect of a 2D text appearing on a 3D object, as shown.
I would suggest checking Advance Dynamic Textures:
Something along these lines:
Create a “Plane”,
let planeTexture = BABYLON.AdvancedDynamicTexture.CreateForMesh(“Plane”);
let planeText = new BABYLON.TextBlock();
planeText.text = “My Text”;
planeText.color = ‘white’;
planeText.fontSize = fontsize;
planeText.textHorizontalAlignment = 0;
planeText.textVerticalAlignment = 2;
planeTexture.addControl(planeText);
You can use the AdvancedDynamicTexture with a higher resolution than the screen’s resolution to make the text sharper. And you can use the ADT in texture mode to place it on a plane in the 3D scene: GUI For texture | Babylon.js Playground (babylonjs.com)
Thank you guys!
