在 three.js 中从 WireframeGeometry 移除边

Question

我正在试验 THREE.js 并尝试为平面实现 WireframeGeometry 并删除对角线，使其看起来像正方形网格而不是带有对角线的正方形网格运行通过他们。

是否可以从 THREE.js 附带的线框几何图形中删除单独的线？

let matLine, wireframe
  let geo = new THREE.PlaneGeometry( 80, 80, 80, 80 )

  const geometry = new WireframeGeometry2( geo )

  matLine = new LineMaterial( {

    color: 0x4080ff,
    linewidth: 6, // in pixels
    //resolution:  // to be set by renderer, eventually
    dashed: false

  } )

  wireframe = new Wireframe( geometry, matLine )
  wireframe.computeLineDistances()
  wireframe.scale.set( 1, 1, 1 )
  wireframe.rotation.x = Math.PI / 2
  scene.add( wireframe )

Answer 1

Three.js 面是三角形，而 WireframeGeometry 在面的边缘绘制线条。无法使用 WireframeGeometry 制作 grid of squares。

如果您只需要一个平面的网格，您可以使用 GridHelper：
https://threejs.org/docs/index.html?q=grid#api/en/helpers/GridHelper

但它只适用于平面而不适用于其他几何体。

在 three.js 中从 WireframeGeometry 移除边

Removing edges from WireframeGeometry in three.js

three.js