How to reduce the 3D effect of the text geometry object

Questions
, ,
1

I have created a text on the scene using text geometry. But due to the 3D effect, the text is not clearly shown. So I need to reduce the z-axis parameter of the text geometry . I have attached a screen recorded video for reference. How to reduce that?https://global.discourse-cdn.com/flex035/uploads/threejs/original/2X/b/befcabecd6be87a20c1b683b2901e9e5358d7291.webm

2

Hi!
Use shapes of text letters: https://threejs.org/examples/?q=text#webgl_geometry_text_shapes

1 Like
3

Thank you for your Reply @prisoner849. Is there any possible way to do that through text geometry

4

Set height parameter of THREE.TextBufferGeometry() to 0.1, for example.
But using text geometry for flat text is wasting of memory with additional vertices, IMHO.
Maybe makes sense to use a plane or a sprite with a texture of drawn text and transparent background?

Example of using sprites with textures: https://jsfiddle.net/prisoner849/a2ogz9vx/

5

Thank you so much @prisoner849. It is working and thank you for your suggestion with example :blush: