I know there are many issues about the transparent problem in the internet, but I need a solution. The Problem: 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 …

Here’s another example of alpha hash/dither: [image] Object with multiple transparent parts looks incorrectly Questions Even a single transparent mesh can have these issues, depending on its shape and self-occlusion. Mostly this particular model is difficult because its e…

Does the location of the object center play any part in the 3JS decision to draw an object? Or is the decision based on the location of individual faces from all objects? If the former, could you influence the drawing decision by moving the object center toward the viewer?

Location of the object center affects the order in which objects are drawn. If depthWrite is enabled on the material, then the order in which objects are drawn may cause objects to disappear. It’s usually better to avoid that relationship and disable depthWrite on transparent materials, per https://…

Interesting! I have been working on a simulation where island objects are just placed just above the water. However, as I gain altitude, the islands start flashing because the program is having trouble deciding what to draw first. I solved that by raising the islands in the air by a certain % of …

Ah, that sounds like an issue of limited precision in the depth buffer — it certainly could affect either transparent or opaque objects, yes, and what you describe sounds like a good trick to keep the depth buffer functional for distant objects. But, I don’t think transparent objects are any more pr…

I have this case a lot and taking off the transparent = true and putting alphaTest = 0.5 can fix this issue that work for me i use models with the dae extension for(let i in newInterface[“dae”][“alpha”]){ // This is an array with the name objects let path = eval(jsonPath[newInterface["dae"]["alph…

Seems like this should probably be included somewhere in the thread… :grin: [image] Crows Crows Crows (crowsx3) crying https://t.co/jrcCzpgENa 4:03 PM - 19 Jan 2021 15K 2.5K

For me the .deptWrite was a solution to a problem I’ve been having for a long time. Thank you very much!

yourMaterial.depthWrite = false to be excact :+1:

Can anyone tell me if this well known transparency stacking issue is solved when using the web GPU renderer?

ThreeJS and the transparent problem

Questions

donmccurdy February 13, 2021, 7:47am 38

Seems like this should probably be included somewhere in the thread…

Transparency and Inconsistent Blending

Easiest way to set rendering order for transparent objects

Geometry flickering on camera movement in low transparency

How to make diamond looks real?

Topic		Replies	Views
Depth peel and transparency Questions transparency	29	8497	April 29, 2022
OI, you got a license for that T? Showcase materials , shaders , transparency , webgpu	19	1607	November 13, 2025
Rendering artefacts Questions transparency	26	4195	July 5, 2018
Demo: Order Independent Transparency with Depth Peeling Resources shaders , transparency , postprocessing	6	902	November 13, 2025
ThreeJS transparency output is not correct Questions materials , pbr , shaders , transparency	6	1575	March 20, 2023

ThreeJS and the transparent problem

Related topics