如何在 React with three.js 和 Three-React-fiber 中渲染几何图形的每个顶点上的点？

Question

我想知道如何使用三反应纤维中的点material和点对象。我有一个从 .gltf 文件导入的自定义几何图形，目前我将其渲染为：

<mesh
    castShadow
    receiveShadow
    ref={grip}
    geometry={nodes.Circle002_1.geometry}
    material={wired}
  />

但是，我不知道如何创建点material 并将其附加到网格而不是我现在使用的有线 material。有人可以解释一下如何在 React 中执行此操作吗？

Answer 1

好的，答案真的很简单。 我将 <mesh 标签更改为 <points 标签， 我用以下构造函数创建了一个 material：

const pMaterial = new PointsMaterial(); 然后我设置点大小：

pMaterial.size = 0.01

并且我将 <points 标签中的 material 属性更改为：

material={pMaterial}.

这会在自定义 3d 几何图形的每个顶点交点处绘制点。