用three.js创建点云粒子贴图

学习交流欢迎加群：789723098，博主会将一些demo整理共享

点云可以用来模拟各种各样的场景，如下雨、下雪和火焰燃烧等；点云在THREE.JS中也称为精灵(sprites)；接下来将介绍THREE.JS中点云的两种创建方式：

1.运用于少量点云粒子场景:

代码如下例：

let material = new THREE.SpriteMaterial()
for (let i = -3; i < 3; i++) {
     for (let j = -3; j < 3; j++) {
          let sprite = new THREE.Sprite(material);//新建精灵
          sprite.scale.set(8, 8, 0);//缩放
          sprite.position.set(i * 10 - 30, j * 10 + 30, 0);//位置
          scene.add(sprite);
      }
  }

2.运用于大量点云粒子场景：

代码如下例：

 let geom = new THREE.Geometry();//几何
 let material = new THREE.PointsMaterial({size: 15, vertexColors: true, color: 0xffffff});//点云材料
//创建64万个点云粒子
 for (let x = -400; x < 400; x++) {
     for (let y