Three.js线宽解决方法

我目前正在使用three.js和线宽功能。我完全知道，由于WebGL和ANGLE，本机版本不再工作。此外，我不能使用

canvasrender

而不是

WebGLRenderer

所以我实际做的是，加载一个长方体网格，其中包含从混合器导出的JSON的材质，目前显示的是一个简单的立方体。现在，我需要为每个面添加一个线宽大于1的边框

我找到了

MeshLine

library（），并试图用这个库来解决它。但现在，它只是调整线框中顶点的线宽，而不是像我希望的那样调整立方体的边，因为我不能使用

THREE.EdgesGeometry

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);

我对3D世界和three.js还不熟悉，但是需要一个解决方案来处理像对象的简单边界这样的事情，因为这是设计的一个非常重要的任务，对吗

也许我只是需要另一种方法来做我想做的事

---

我非常感谢每一个答案。

第二种方法是否使用重心坐标？我非常喜欢你的解决方案。线宽限制与角度无关。甚至OpenGL自v3以来也不允许1以外的大小。嘿，你找到什么了吗？