Set dashed edges on mesh

[masterdon]

Hi Team, I am having following code to create box(and also similar code to create planes in some cases):

          var box = BABYLON.MeshBuilder.CreateBox("box1", {width: sWidth, height: sHeight, depth: sDepth,updatable:true}, scene);
          box.enableEdgesRendering();    
          box.edgesWidth = 2.0;
          box.edgesColor = new BABYLON.Color4(0, 0, 1, 1);
 

 

This creates solid edges on box/mesh. Is there any way to make dashed lines instead of solid ones. 

[brianzinn]

I only see the colour and edges properties you set,  but I'm pretty new with babylonjs.  There's surely a better way, but I've created custom edges for boxes by making my own texture - it's just a .png image for a texture.  The code is here:

https://doc.babylonjs.com/tutorials/createbox_per_face_textures_and_colors

The last PG is more or less how I am doing it:

http://www.babylonjs-playground.com/#1V3CAT#16

I made a dashed texture quickly and attached screenshot.

[masterdon]

Hi Brian,

I am not sure if that is going to work in my case. I want to create a structure that i have shared in below post. i.e. it should handle overlapping of border correctly when there are boxes horizontally and vertically. which exactly current edgerender mechanism does. 

 

[brianzinn]

No, my suggestion wouldn't work then because the texture is scaled.  Hopefully somebody else can help you out.

[NasimiAsl]

http://www.babylonjs-playground.com/#JB4YW#21

[masterdon]

@NasimiAsl: Thanks Nasim. I was thinking to extend enableEdgesRendering function to handle dashed line. something like enableDashedEdgesRendering. Need to see how many methods i have to modify for same.