I want to render lines of over a model. The lines are losing there actual width. I don’t want to scale the model down like I did in the image cos it won’t work when the model has protruding regions.
Edit: Also, I can’t use Material.wireframe cos the lines are generated based on something.
Can you please share your code that shows how you create the sphere with the wireframe (or even better share an editable live example)?
The approach from How to achieve this material effect [gif image]? works well on curved surfaces.
it is basically EdgesGeometry on a sphere, so i don’t think there is much to look in the code. https://jsfiddle.net/7L5xbs98/2/
it looks like the lines are calculated in the shader (using barycentric coords?). I don’t want to do that.
Computed in the shader, using UV coordinates.
When using EdgesGeometry that way, the mentioned effect is inevitable. AFAIK, it’s not possible to mitigate the issue by using polygon offset so the only way is to scale down the model or scale up the wireframe. Or use a different approach for wireframes like mentioned by @prisoner849.
I think you are right. I will look into @prisoner849 code.
So we have two guys fighting over position. If we bump in mesh_obj the wireframe_obj should win the Z-fight.
polygonOffset: !0, polygonOffsetFactor: 2, polygonOffsetUnits: 2
wait what? polygonOffset works on lines too? Nice!!!
Edit: Oh you were doing it on the mesh. Amazing way to fix it! Thanks a lot 
Updated fiddle with @rrrr_rrrr’s suggestion : https://jsfiddle.net/2g75rmy8/
How can polygon offset ever be a general solution to the issue of Z-fighting? I’ve noticed how the polygon offset parameters are set to specific values (magic values?) in many of these examples…but that cannot be a general solution. So, is there even a general solution?
As I was searching, I came across the ldraw (Lego blocks) example and tried out various options and models it has provided. It seemed to have somehow resolved the Z-fighting issue in all the things I tried, although I don’t understand how.
