javascript - 在 Three.js PointCloud 中将正方形更改为圆形？

Question

我正在使用 PLYLoader 加载一个 .ply 文件，并使用 three.js 中的 PointCloud 对象渲染它。

var loader = new THREE.PLYLoader();
loader.addEventListener('load', function (event) {
    var geometry = event.content;
    var material = new THREE.PointCloudMaterial({ vertexColors: true, size: 0.01 });
    var mesh = new THREE.PointCloud(geometry, material);
    scene.add(mesh);
});
loader.load(file_url);

它工作正常，点被正确渲染。但是，这些点呈现为正方形。是否可以将它们更改为圆形？如果是，怎么办？

我找到了 this显示 three.js 示例图片的旧线程。我们可以清楚地看到圆圈。然而that今天的同一示例显示正方形(在他们将 ParticleSystem 更改为 PointCloud 之后)。

谢谢

Answer 1

有多种方法可以做到这一点:

1. 使用带有圆圈的图像作为输入 like this .
2. 使用 <canvas>作为输入(并在 Canvas 上画一个圆圈)like this .
3. 使用 ShaderMaterial 并使用 GLSL 绘制一个圆 like this .