Three.js线宽解决方法

时间:2017-12-18 17:55:12

标签: three.js line angle

我目前正在努力使用three.js和linewidth-ability。我完全清楚,因为WebGL和ANGLE,原生版本不再适用了。另外,我无法使用CanvasRenderer代替WebGLRenderer

所以我实际上做的是加载一个盒子网格,其中包含来自搅拌器导出的JSON的材料,目前显示一个简单的立方体。现在我需要为LineWidth大于1的每个面添加边框。

我找到了MeshLine库(https://github.com/spite/THREE.MeshLine)并试图用库解决它。但是现在,它只是将lineWidth调整到线框中的顶点,而不仅仅是我想要它的立方体的边缘,因为我不能使用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-World和three.js的新手,但是需要有一个解决方案来处理对象的简单边框,因为它是设计中非常重要的任务,对吗?

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

我非常感谢每一个答案。

0 个答案:

没有答案