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

Posted 2023-03-23

【中文标题】在 Three.js PointCloud 中将正方形更改为圆形？

【英文标题】：Change square to circle in Three.js PointCloud?

【发布时间】：2015-07-26 10:00:09

【问题描述】：

我正在使用 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 之后）。

谢谢

【问题讨论】：

圆圈可能来自这个例子：threejs.org/examples/#canvas_particles_random

【参考方案1】：

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

使用带有圆圈的图像作为输入like this。 使用 a 作为输入（并在画布上画一个圆圈）like this。 使用 ShaderMaterial 并使用 GLSL like this 绘制一个圆。

【参考方案2】：

解决方案是将圆形图像与每个点云相关联。

你能看看这个例子吗：

https://threejs.org/examples/#webgl_points_billboards

也许你有解决办法。

【讨论】：

感谢 Zach 更新链接