Hello, I have a 3D model placed on a scene. I have a 3D model placed on a scene with the material set to transparent: true and opacity: 0.5. (I am using MeshBasicMaterial to rule out the possibility that it is a problem with a specific material.) The model I am using is in the shape of a hu…

Why do you think that .depthTest is not relevant within a single mesh?

Thanks for the advice. I was mistaken; I thought that depthTest or depthWrite only affected the interrelationship of multiple meshes. It turns out that even within a single mesh, by setting depthTest or depthWrite to false, the stained glass-like phenomenon no longer occurs. By the way, why did th…

The implemented algorithm for handling transparency requires to have specific order of drawing individual triangles - it does not matter whether they come from one mesh or from several meshes. There are tricks to address this issue for some specific situations, but there is no universal solution. M…

In most cases I set .depthWrite=false for semi-transparent materials, which may help here, but does not eliminate the effects of triangle order in the rendering process. For small meshes, sorting the triangles by distance from the camera would be an option, too. If you are OK with having some grain…

[image] PavelBoytchev: You might like to read more about OIT @gkjohnson also has a great depth peeling demo three.js Depth Peeling

Thank you all for the advice. Finally, I was able to solve almost all of my problems by using gltf-transform reorder. [image] ThreeJS transparency output is not correct Questions Also, is there a way I can tell threejs to z-sort my triangles? [screenshot 2024-09-25 …

Try mesh.material.side=THREE.FrontSide;

Strange behavior when there is another side of the same model beyond the model with opacity and transparent set

Questions

sngazm September 25, 2024, 8:06am 7

Thank you all for the advice. Finally, I was able to solve almost all of my problems by using gltf-transform reorder.

Topic		Replies	Views
How to solve a model exists transparent and opaque two Mesh is how to render Questions materials	7	545	July 29, 2021
How can I solve this transparent clipping problem? Using only depthTest will cause rendering errors! Thanks! Questions transparency	1	184	December 25, 2024
ThreeJS transparency output is not correct Questions materials , pbr , shaders , transparency	6	1595	March 20, 2023
Half of an object looks weird when given transparency Questions opacity	1	399	May 25, 2023
Material Transparency problem Questions transparency	7	20468	April 17, 2021

Strange behavior when there is another side of the same model beyond the model with opacity and transparent set

Related topics