怎样使以上代码中的粒子大小随机在某个范围内
时间: 2024-03-15 12:46:35 浏览: 18
要使粒子大小随机在某个范围内,可以在创建粒子时,通过Math.random()函数来随机设置每个粒子的大小。例如,你可以这样修改以上代码:
```javascript
const pointSizeMin = 3;
const pointSizeMax = 7;
const pointSizes = new Float32Array(particleCount);
for (var i = 0; i < particleCount; i++) {
pointSizes[i] = Math.random() * (pointSizeMax - pointSizeMin) + pointSizeMin;
}
const pointsMaterial = new PointsMaterial({
color: "rgb(255, 255, 255)",
alphaMap: mapTexture,
transparent: true,
sizeAttenuation: false,
size: 1,
vertexColors: true,
size: pointSizes
});
```
在这段代码中,我们新增了两个变量 `pointSizeMin` 和 `pointSizeMax`,代表了粒子大小的范围。然后我们创建了一个新的 `Float32Array` 数组 `pointSizes`,用于存储每个粒子的大小。在循环中,我们通过 Math.random() 函数来随机设置每个粒子的大小,并将其存储在 pointSizes 数组中。最后,我们在创建 PointsMaterial 时,将 pointSizes 数组作为参数传入,以设置每个粒子的大小。
这样就可以使粒子大小随机在某个范围内了。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)