I know there are many issues about the transparent problem in the internet, but I need a solution.
I create some mesh objects with a simple transparent material. And when the objects are overlaps, sometimes (ok always) when I rotate the camera the objects not displaying correct.
The mesh objects has 2-4 Units space between. When I increase the space it works, but I must rotate the objects. Means i cannot increase the space between the objects.
Here some informations I test it:
- depthWrite: false
- depthTest: false
- transparent: true
- alphaTest: 0.5
- nearPlane : 100
- renderOrder (It works, but is has many other problems. Not the correct solution)
- many more…
(From many issues I found in the internet)
I use threejs v101 (Same Problems with the newest v111).
See attachment (The close button, the texte are and the big button has all transparent (alpha) values. And when i rotate the camera, sometime it looks correct and often damaged.
Thanks for helping