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

Question

有没有一种方法可以在粒子js中添加多个图像？ 我搜索了解决方案，但找不到任何有效的方法。

这是我的particle.json设置。

      "shape": {
        "type": "image",
        "stroke":{
        "width": 2,
        "color": "#a80cc0"
      },
      "polygon": {
        "nb_sides": 5
      },
      "image": {
        "src": "./assets/images/gift.png",
        "width": 100,
        "height": 100
      }
    },

Answer 1

我查看了particles.js的来源，我认为没有这种可能性。 尽管它可以与React组件一起使用：https://github.com/Wufe/react-particles-js

但是，作为解决方法，您可以使用多个具有不同图像的粒子实例。

看到这个问题https://github.com/VincentGarreau/particles.js/issues/324

然后它可能看起来像这样：https://github.com/Dubprocessor/multiple-particlesjs-instances-example/tree/master

请考虑大量实例会影响性能。