显示线框的单面 - three.js

Question

three.js材质具有side属性，该属性控制是否渲染网格的正面和/或背面。有没有办法用线框来做同样的事情，只有前端边缘才会被渲染？

显示的立方体的背面：

material = new THREE.MeshPhongMaterial({ 
    color: 0xFF9800, 
    side: THREE.BackSide, 
    opacity: 1//0 
    }); 

https://jsfiddle.net/8p7jja9L/34/

试图显示线框的前侧：

var geo = new THREE.EdgesGeometry(mesh.geometry); 
    var mat = new THREE.LineBasicMaterial({ 
    color: 0x000000, 
    linewidth: 4, 
    side: THREE.FrontSide 
    }); 
    var wireframe = new THREE.LineSegments(geo, mat); 
    mesh.add(wireframe); 

    wireframe.renderOrder = 1; 

https://jsfiddle.net/8p7jja9L/35/

Answer 1

如果我理解正确的话，你可以简单地添加wireframe: true的材料，并指定要渲染的一面：

https://jsfiddle.net/8p7jja9L/39/

material = new THREE.MeshPhongMaterial({ 
    color: 0xFF9800, 
    side: THREE.FrontSide, 
    wireframe: true <--- 
    }); 

这将使线框的单面为three.js的箱子几何。如果这不是您想象的线框，您可能需要用飞机构建一个箱子或使用搅拌器等工具来创建您所需的线框。