Mesh Edge render as line?

[ccc159]

Hi all,

I tried to find resources in the forum regarding render edges as simple line but without success.

Basically I have a model that needs to render the edges. So far I used the enableEdgesRendering function. But this edge renderer draws triangles instead of lines, making the edge of the mesh barely visible from far and too thick when close. Also the edges are jittering a lot.

from far the edges are barely seen.

from close they are too thick and not even

I would like to instead render the edges as line so they have a constant look. (Something like below but this is an example from threejs)

I noticed that the boundingbox edge renderer draws line, which is something I need. But I tried to attach the boundingboxrender’s shader material to the edgeRenderer’s lineshader mesh.edgesRenderer.lineShader = _colorShader; which does not really work.

I am not familar with the shader material. So I wonder if there’s an instruction on how I can achieve line renderer for the mesh edges. And if I have to stay with the default edgeRender, how can I fixed the jittering issue at least?

Thanks!

[CodingCrusader]

Maybe this example can give you the right direction how to draw a lot of thin lines:

Babylon.js Playground (babylonjs.com)

[Evgeni_Popov]

You can reuse the data created by the edge renderer to generate the lines yourself (either as a line mesh or with the thin wire plugin linked by @CodingCrusader). See this post and related PG:

Create mesh from edgesRenderer

The lines are really triangles, so linesIndices gives you the indices of the 3 vertices of each triangle. Also, the triangles are degenerated in the linesPositions array: for each line between P1 and P2 you can see on screen you have in fact 4 vertices V0/V1/V2/V3 where V0=V1=P1 and V2=V3=P2 the first triangle is V0/V1/V2 and the second one is V0/V2/V3. As V0=V1 and V2=V3, those two triangles are degenerated (so if displayed “as is” you won’t see anything) It’s the shader used by the edge re…

[Pryme8]

Barycentric Generation?

So do we have a way to include Barycentric coordinates in the vertexData just inherently? Currently I parse the data and replace the normal buffer with barycentric info, but it would be nice to keep both. I think I might just have to make a custom Buffer with step for the extra two values.

Trying to get my Barycentric Shader working as a custom material?

https://playground.babylonjs.com/#LFZ3QM I am struggling trying to get this to work like I did in this example: https://www.babylonjs-playground.com/#G3GZA1#162 Any ideas how to get this working anyone? I was hoping to draw the quad of the ground plane without doing a whole customShader

There is also Barycentric stuff you could do.

Babylon.js Playground