Sprite Text disappears after transparent PlaneGeometry

Hello community!
Sprite Text disappears after transparent PlaneGeometry,TextGeometry also has this problem.
Is there any good solution?

example : https://codepen.io/yaowei9363/pen/yLNoGdE

This problem does not appear with the latest version of three.js: https://jsfiddle.net/8jpvaozq/1/

It’s because sprites are processed differently compared to older versions of three.js.

1 Like

I am very sorry, the threejs version I gave is relatively old (the example is a modification made by others), my project version is 0.113.2, and I still have some problems after upgrading.
sprites disappear at specific angles if they are at the edge.

example https://jsfiddle.net/2fy58vjx/2/

I’m afraid what you see is a typical depth sorting issue. Things like that can’t be avoided by the engine automatically right now. You have to manually set some parameters like Object3D.renderOrder or Material.depthWrite.


The correct parameter settings varies from use case to use case.

1 Like

Thank you very much for your prompt reply, I understand and the rendering is correct.
Thank you again :smiling_face_with_three_hearts:

1 Like