three.js所 - 调整单个粒子的不透明度(three.js - Adjusting opaci

2019-06-18 01:33发布

我试图改变粒子的不透明度的距离从一个平面的功能。

这个问题说明我的问题,得到的答复一年前基本上是“你不能”。 不透明性是明显的材料的参数,而不是元素,并且因此单个粒子的不透明度是不可能的。

有什么改变,有没有什么办法,我可以做到这一点? 如果单个粒子着色是可能的,我想这并不是遥不可及的。

干杯

Answer 1:

ParticleSystem已更名为PointCloud ,然后Points

是的,你可以创建一个点云和动态地改变每个粒子的颜色的Alpha值。

在three.js所,可以通过设置点云的材料是一个为此ShaderMaterial具有等于每个粒子的所希望的α值的属性。

如果ShaderMaterials ,顶点着色器和片段着色器是新的给你,这里是实现点云具有动态阿尔法一个非常简单的小提琴: http://jsfiddle.net/8mrH7/266/ 。

编辑:更新小提琴

three.js所r.84



文章来源: three.js - Adjusting opacity of individual particles