相关疑难解决方法(0)

我目前正在尝试three.js。我想在下面的示例中更改代码，以便点是圆形的，而不是正方形。

Codepen示例

我发现了另一个示例，称为canvas粒子random，它具有圆形粒子，基本上，脚本中的唯一区别如下：

var PI2 = Math.PI * 2;
var program = function ( context ) {

    context.beginPath();
    context.arc( 0, 0, 0.5, 0, PI2, true );
    context.fill();

};

我以为如果将其添加到其他脚本中，则粒子将变得圆润。但是，当我将上述脚本添加到第一个脚本时，它不起作用（我只得到了蓝屏）。

有人知道我在做什么错吗？

我正在使用Three.JS库在Web浏览器中显示点云.点云在启动时生成一次,不再添加或删除其他点.但它确实需要旋转,平移和缩放.我已经通过了教程关于three.js所产生的颗粒在这里

使用该示例,我可以创建正方形的粒子或使用球体的图像来创建纹理.图像更接近我想要的,但是可以在不使用图像的情况下生成点云吗？例如球体几何体.

图像的问题在于,当你有数千个点时,它们似乎有时会在边缘处相互遮挡.从我可以收集的信息来看,点的png文件中的黑色区域似乎会阻挡当前点后面的图像.(但对于后面的点而言它是透明的)

这种模糊图像是我想用形状生成点的原因.我曾尝试更换particles = new THREE.Geometry()用THREE.SphereGeometry(radius, segments, rings),并试图顶点更改为球体.

所以我的问题是.如何修改示例代码以使其呈现球体(或点)而不是正方形？此外,粒子系统对于我的特定情况是最有效的系统还是我应该只生成粒子并设置它们各自的位置？正如我所提到的,我只生成一次点,但随后旋转,缩放,平移点.(我使用TrackBall示例代码来使鼠标事件正常工作).

谢谢你的帮助