Estou tentando fazer uma grade com pontos usando React três fibras. Tentei usar LineDashedMaterial, mas não é perfeito. Eu sou novo no threejs. Alguma ideia de como fazer uma superfície com pontos usando uma grade ou um plano?
<Canvas frameloop="demand" camera={{ position: [75, 1, 0.1], zoom: 15 }}>
<mesh>
<gridHelper
material={
new THREE.LineDashedMaterial({
dashSize: 0.1,
gapSize: 1,
vertexColors: true,
})
}
rotation-y={[Math.PI / 2]}
position={[0, 12.5, 0]}
onUpdate={(grid) => grid.computeLineDistances()}
/>
</mesh>
</Canvas>
Codesandbox: aqui
O que estou tentando alcançar é algo assim
