仅带有笔划的透明立方体

Question

在three.js中，如何渲染没有填充而只有边缘的立方体？ 例如：

Answer 1

如果需要控制线条的粗细，可以使用THREE.js examples文件夹中实现的LineGeometry类，该类创建三角形条纹而不是GL.Lines进行渲染。

请参阅以下示例：

• https://threejs.org/examples/?q=line#webgl_lines_fat

• https://threejs.org/examples/?q=line#webgl_lines_fat_wireframe

如果您需要澄清，请告诉我，我可以尝试提供更多细节。

编辑

我已采用您的示例注释，并在此处进行了一些修改：https://jsfiddle.net/L21ozkdq/2/。

以下是需要牢记的重要事项（在注释中也需要注意）： -导入LineGeometry示例文件。

• 创建一个LineGeometry对象而不是BufferGeometry。

• 创建LineMaterial而不是LineBasicMaterial。

• 根据几何图形和材质创建Line2对象。

• 创建一个Positions数组，而不是LineGeometry的属性。

• 用一行而不是位置数组中的许多线段创建一个框。

Answer 2

您将MeshBasicMaterial与wireframe: true一起使用