title: Three.js Linewidth Workaround
body: <p>I am currently working and struggling with three.js and the linewidth-ability. I am fully aware, that the native version is not working anymore because of WebGL and ANGLE. Also I cannot use the <code>CanvasRenderer</code> instead of the <code>WebGLRenderer</code>.</p>
  
  <p>So what I actually do, is loading a box-mesh with materials from a blender exported JSON, that shows a simple cube for the moment. Now I need to add a border to each face with a LineWidth greater than 1.</p>
  
  <p>I found the <code>MeshLine</code> library (<a href="https://github.com/spite/THREE.MeshLine" rel="nofollow noreferrer">https://github.com/spite/THREE.MeshLine</a>) and tried to solve it with the library. But for now, it is only adjusting the lineWidth to the vertices in the wireframe and not only the edges of my cube, like I wanted it to be, because i cannot use <code>THREE.EdgesGeometry</code>.</p>
  
  <pre><code>const line = new MESHLINE.MeshLine();
  line.setGeometry(houseGeometry);
  
  const material = new MESHLINE.MeshLineMaterial({ color: new THREE.Color(borderColor), lineWidth: 0.10 });
  const border = new THREE.Mesh(houseGeometry, material);
  </code></pre>
  
  <p>I am new to the 3D-World and three.js, but there need to be a solution for doing things like a simple border to an object, because it's a very essential Task of a design, right?</p>
  
  <p>Maybe I just need another approach to do what I want.</p>
  
  <p>I am very grateful for every answer.</p>