Sprite Text disappears after transparent PlaneGeometry

[yaowei]

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

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

[Mugen87]

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.

[yaowei]

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/

[Mugen87]

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.

https://jsfiddle.net/1t48fw5s/1/

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

[yaowei]

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