Show Edges in 3D about online3dviewer

[X-Ryl669]

Tried it and it works:

diff --git a/source/viewer/viewer.js b/source/viewer/viewer.js
index e5acfe0..5dad2d3 100644
--- a/source/viewer/viewer.js
+++ b/source/viewer/viewer.js
@@ -230,6 +230,9 @@ OV.Viewer = class
         for (let i = 0; i < meshes.length; i++) {
             let mesh = meshes[i];
             this.scene.add (mesh);
+            let edges = new THREE.EdgesGeometry(mesh.geometry);
+            let lines = new THREE.LineSegments(edges, new THREE.LineBasicMaterial( { color: 0xFF0000 }));
+            this.scene.add (lines);
         }
         this.Render ();
     }

It renders this:

[kovacsv]

At the moment it's not possible.

[X-Ryl669]

You can probably add this by rendering two model, once like it's done currently, and a second with wireframe/edge mode only (it would also draw hidden edges, I think.
Like this:

const geometry = new THREE.BoxGeometry( 100, 100, 100 );
const edges = new THREE.EdgesGeometry( geometry );
const line = new THREE.LineSegments( edges, new THREE.LineBasicMaterial( { color: 0xffffff } ) );
scene.add( line );

[kovacsv]

Thanks for the example code, @X-Ryl669. It works great, and your code can be used as a workaround until it will be part of the core feature set.

Here are my results with your code:

[Emilien-Etadam]

Look great ! how can I do this (without coding knowledge) ?

[kovacsv]

Unfortunately I don't think it's possible without coding knowledge.

[Emilien-Etadam]

I did it ! It's quite simple. Just add 3 lines at the right place. But the result is not what I expect, it show all edges :

But I think the problem come from STL file (if I upload STL files on grabcad edges are not showing )

[kovacsv]

STL files doesn't contain edges, so it's up to the visualizer to draw them or not. The trick that was mentioned before are just using a helper to show the edges, and it depends on the angle of polygons if an edge is visible or not. Fortunately there is a second parameter for EdgesGeometry that defines the threshold angle. Playing with this value maybe you can get the result you want.

let edges = new THREE.EdgesGeometry(mesh.geometry, 30);
let lines = new THREE.LineSegments(edges, new THREE.LineBasicMaterial( { color: 0xFF0000 }));
this.scene.add (lines);

[Emilien-Etadam]

it works ! Thanks.