我目前正在努力使用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的新手,但是需要有一个解决方案来处理对象的简单边框,因为它是设计中非常重要的任务,对吗?
也许我只需要另一种方法来做我想做的事。
我非常感谢每一个答案。