粒子JS -如何将多个图像添加为粒子

粒子JS是一个用于创建粒子效果的JavaScript库。它可以将多个图像添加为粒子，从而实现各种有趣的视觉效果。

要将多个图像添加为粒子，可以按照以下步骤进行操作：

引入粒子JS库：在HTML文件中引入粒子JS库的链接地址，例如：

<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>

创建一个容器：在HTML文件中创建一个用于显示粒子效果的容器，例如：

<div id="particles-js"></div>

配置粒子效果：在JavaScript文件中配置粒子效果的参数，包括粒子的数量、形状、颜色、速度等。以下是一个示例配置：

particlesJS('particles-js', {
  particles: {
    number: {
      value: 100, // 粒子数量
      density: {
        enable: true,
        value_area: 800 // 粒子密度
      }
    },
    shape: {
      type: 'image', // 粒子形状为图像
      image: {
        src: 'path/to/image.png', // 图像路径
        width: 100, // 图像宽度
        height: 100 // 图像高度
      }
    },
    // 其他粒子参数配置...
  }
});

在上述配置中，可以通过修改src属性来指定不同的图像路径，从而添加多个图像作为粒子。