I have models rendered in Blender and I export them as GLTF and then load in them via gltfloader. Issue begins when I set the opacity of a mesh to 0.5 or anything other than 1 I see lines on the mesh now they aren’t wireframe lines I am sure about that. I just can’t figure out what the issue is I …

Now I set first change the material from standard to basic with color #BEBEBE and then turn the child.material=depthWrite=False. This solved my issue. [image]

you mean mesh.renderOrder=-1; or mesh.renderOrder=1; ?

I mean all the suggestions from that thread. In my experience, you need to experiment with all of them in your specific scenario to figure out what works best. You might also want to think outside the box, eg if your application doesn’t require the model to be visible from all angles, you can optimi…

Alright. I will experiment with them. In my application I’ll be loading models dynamically but they will all follow a guideline so I can’t fix it just for a specific model all other functionalities work pretty fine Opacity is the only tricky part.

Issue with Transparency and Opacity

Questions

Arthur August 7, 2024, 3:57pm 2

Unfortunately that’s a limitation of WebGL, you can find some ideas on how to solve it here.

Topic		Replies	Views
Transparent png on Opaque material looks glitchy Questions textures , materials , transparency	6	531	October 17, 2022
3D object viewer does not show all model faces correctly with three.js web viewer Questions gltf-loader	12	1965	March 2, 2023
How can i change opacity of my GLTF? Questions opacity	7	11388	April 24, 2020
Opacity of GLTF object by GUI Questions materials , gltf-loader	1	1033	September 1, 2020
Object NOT transparent disappear behind himself Questions gltf-loader , water	4	3147	April 9, 2020

Issue with Transparency and Opacity

Related topics