Three.js 没有对角线的线框答案

【问题标题】：Three.js Wireframe without diagonalsThree.js 没有对角线的线框
【发布时间】：2014-12-09 22:18:40
【问题描述】：

我正在尝试渲染没有对角线的几何图形。下面是一个平面例子（附）来解释：左平面是我得到的，右平面是我正在寻找的。这有可能吗？

【问题讨论】：

不能直接做（据我所知），但可以做。对于这样的飞机，GridHelper 应该可以胜任。另请参阅Three.JS wireframe material - all polygons vs. just edges，了解有关为框几何体执行此操作的信息。
我还找到了“EdgesHelper”，但似乎无法正常工作。
我自己从未使用过 EdgesHelper，但我发现有几个地方说它不适用于 r68。不过，它在 r67 之前确实有效。
是的，EdgesHelper 在 r68 中已损坏，因为它使用旧的 Float32Attribute。一直是fixed for the next release；同时你可以make the fix yourself。

【解决方案1】：

如果你打算使用平面几何，你可以试试下面的链接...

var geometry = new THREE.PlaneGeometry(10, 10, 10,10);

var material = new THREE.MeshLambertMaterial({color:0xff0000,opacity:0.2,transparent:true,overdraw:0.5});

for (var i = 0; i < 1; i ++) { var mesh = new THREE.Mesh(geometry, material);

mesh.position.x = i*20; mesh.position.y = 0;//Math.random()*20-(1*i); mesh.position.z = 0//-59;//Math.random()*20 - 100; mesh.rotation.x = Math.random(); mesh.rotation.y = Math.random(); scene.add(mesh);

检查链接..

【讨论】：