@tsparticles/configs 3.0.0-beta.3 → 3.0.0-beta.5

package/tsparticles.configs.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-beta.3
+ * v3.0.0-beta.5
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -1325,7 +1325,9 @@ const connect_options = {
       density: {
         enable: true
       },
-      limit: 500,
+      limit: {
+        value: 500
+      },
       value: 300
     },
     opacity: {
@@ -1367,6 +1369,56 @@ const connect_options = {
   }
 };
 /* harmony default export */ const connect = (connect_options);
+;// CONCATENATED MODULE: ./dist/browser/c/curlNoise.js
+const curlNoise_options = {
+  name: "Curl Noise",
+  particles: {
+    number: {
+      value: 300
+    },
+    color: {
+      value: "#ff0000",
+      animation: {
+        enable: true,
+        speed: 360,
+        sync: true
+      }
+    },
+    shape: {
+      type: "circle"
+    },
+    size: {
+      value: 3
+    },
+    move: {
+      path: {
+        clamp: false,
+        enable: true,
+        options: {
+          step: 250,
+          speed: 1
+        },
+        delay: {
+          value: 0
+        },
+        generator: "curlNoise"
+      },
+      enable: true,
+      speed: 3,
+      trail: {
+        fill: {
+          color: "#000"
+        },
+        enable: true,
+        length: 1000
+      }
+    }
+  },
+  background: {
+    color: "#000000"
+  }
+};
+/* harmony default export */ const curlNoise = (curlNoise_options);
 ;// CONCATENATED MODULE: ./dist/browser/c/index.js
 
 
@@ -1376,6 +1428,7 @@ const connect_options = {
 
 
 
+
 /* harmony default export */ const c = ({
   cards: cards,
   chars: chars,
@@ -1384,7 +1437,8 @@ const connect_options = {
   collisionsBounce: collisionsBounce,
   collisionsDestroy: collisionsDestroy,
   colorAnimation: colorAnimation,
-  connect: connect
+  connect: connect,
+  curlNoise: curlNoise
 });
 ;// CONCATENATED MODULE: ./dist/browser/d/dataImages.js
 const dataImages_options = {
@@ -1450,7 +1504,6 @@ const dataImages_options = {
       density: {
         enable: true
       },
-      limit: 0,
       value: 80
     },
     opacity: {
@@ -2025,6 +2078,138 @@ const divEvents_options = {
   disappearing: disappearing,
   divEvents: divEvents
 });
+;// CONCATENATED MODULE: ./dist/browser/e/effectBubble.js
+const effectBubble_options = {
+  name: "Effect Bubble",
+  particles: {
+    number: {
+      value: 80,
+      density: {
+        enable: true
+      }
+    },
+    color: {
+      value: "#ff0000",
+      animation: {
+        enable: true,
+        speed: 20,
+        sync: true
+      }
+    },
+    effect: {
+      type: "bubble"
+    },
+    shape: {
+      type: ["circle", "square"]
+    },
+    opacity: {
+      value: 0.5
+    },
+    size: {
+      value: {
+        min: 5,
+        max: 50
+      }
+    },
+    move: {
+      enable: true,
+      speed: 6
+    }
+  },
+  interactivity: {
+    events: {
+      onHover: {
+        enable: true,
+        mode: "repulse"
+      },
+      onClick: {
+        enable: true,
+        mode: "push"
+      }
+    },
+    modes: {
+      grab: {
+        distance: 400,
+        links: {
+          opacity: 1
+        }
+      },
+      bubble: {
+        distance: 400,
+        size: 40,
+        duration: 2,
+        opacity: 0.8
+      },
+      repulse: {
+        distance: 200
+      },
+      push: {
+        quantity: 4
+      },
+      remove: {
+        quantity: 2
+      }
+    }
+  },
+  background: {
+    color: "#000000"
+  }
+};
+/* harmony default export */ const effectBubble = (effectBubble_options);
+;// CONCATENATED MODULE: ./dist/browser/e/effectTrail.js
+const effectTrail_options = {
+  name: "Effect Trail",
+  particles: {
+    number: {
+      value: 80,
+      density: {
+        enable: true
+      }
+    },
+    color: {
+      value: "#ff0000",
+      animation: {
+        enable: true,
+        speed: 360,
+        sync: true
+      }
+    },
+    effect: {
+      type: "trail",
+      options: {
+        trail: {
+          length: {
+            min: 10,
+            max: 30
+          }
+        }
+      }
+    },
+    shape: {
+      type: "circle"
+    },
+    size: {
+      value: 10
+    },
+    move: {
+      path: {
+        enable: true,
+        options: {
+          size: 32,
+          draw: false,
+          increment: 0.004
+        },
+        generator: "simplexNoise"
+      },
+      enable: true,
+      speed: 6
+    }
+  },
+  background: {
+    color: "#000000"
+  }
+};
+/* harmony default export */ const effectTrail = (effectTrail_options);
 ;// CONCATENATED MODULE: ./dist/browser/e/emitter.js
 const emitter_options = {
   name: "Emitter",
@@ -2463,6 +2648,89 @@ const emitterAngled_options = {
   }]
 };
 /* harmony default export */ const emitterAngled = (emitterAngled_options);
+;// CONCATENATED MODULE: ./dist/browser/e/emitterImageShape.js
+const rate = {
+  delay: 0.1,
+  quantity: 100
+};
+const generateEmitter = (shape, options, fill, position) => {
+  return {
+    shape: {
+      replace: {
+        color: true,
+        opacity: true
+      },
+      type: shape,
+      options
+    },
+    position: position,
+    size: {
+      width: 500,
+      height: 500,
+      mode: "precise"
+    },
+    startCount: 300,
+    rate,
+    fill
+  };
+};
+const emitterImageShape_options = {
+  name: "Emitter Image Shape",
+  particles: {
+    number: {
+      value: 0
+    },
+    color: {
+      value: ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4CAF50", "#8BC34A", "#CDDC39", "#FFEB3B", "#FFC107", "#FF9800", "#FF5722"]
+    },
+    life: {
+      count: 1,
+      duration: {
+        value: 1.5
+      }
+    },
+    move: {
+      enable: true,
+      speed: 0.5
+    },
+    shape: {
+      type: "circle"
+    },
+    opacity: {
+      value: 1
+    },
+    size: {
+      value: {
+        min: 1,
+        max: 10
+      },
+      animation: {
+        enable: true,
+        speed: 30,
+        sync: true,
+        startValue: "min",
+        count: 2
+      }
+    }
+  },
+  background: {
+    color: "#fff"
+  },
+  emitters: [generateEmitter("canvas", {
+    scale: 5,
+    pixels: {
+      filter: "pixelFilter",
+      offset: 4
+    },
+    image: {
+      src: "https://particles.js.org/images/amongus_cyan.png"
+    }
+  }, true, {
+    x: 50,
+    y: 50
+  })]
+};
+/* harmony default export */ const emitterImageShape = (emitterImageShape_options);
 ;// CONCATENATED MODULE: ./dist/browser/e/emitterImages.js
 const emitterImages_options = {
   name: "Emitter Images",
@@ -2476,7 +2744,6 @@ const emitterImages_options = {
       density: {
         enable: true
       },
-      limit: 0,
       value: 80
     },
     opacity: {
@@ -2669,6 +2936,68 @@ const emitterPaths_options = {
 };
 /* harmony default export */ const emitterPaths = (emitterPaths_options);
 ;// CONCATENATED MODULE: ./dist/browser/e/emitterShapes.js
+const emitterShapes_rate = {
+  delay: 0.1,
+  quantity: 3
+};
+const emitterShapes_generateEmitter = (shape, options, fill, position) => {
+  return {
+    shape: {
+      type: shape,
+      options
+    },
+    position: position,
+    size: {
+      width: 200,
+      height: 200,
+      mode: "precise"
+    },
+    life: {
+      duration: 10,
+      delay: 0.5,
+      count: 1
+    },
+    rate: emitterShapes_rate,
+    fill
+  };
+};
+const path = [{
+  x: 0,
+  y: 0
+}, {
+  x: 0,
+  y: 50
+}, {
+  x: 25,
+  y: 50
+}, {
+  x: 0,
+  y: 100
+}, {
+  x: 50,
+  y: 100
+}, {
+  x: 50,
+  y: 75
+}, {
+  x: 100,
+  y: 100
+}, {
+  x: 100,
+  y: 50
+}, {
+  x: 75,
+  y: 50
+}, {
+  x: 100,
+  y: 0
+}, {
+  x: 50,
+  y: 0
+}, {
+  x: 50,
+  y: 25
+}];
 const emitterShapes_options = {
   name: "Emitter Shapes",
   particles: {
@@ -2691,75 +3020,218 @@ const emitterShapes_options = {
   background: {
     color: "#fff"
   },
-  emitters: [{
-    shape: "square",
-    position: {
-      x: 33,
-      y: 33
+  emitters: [emitterShapes_generateEmitter("square", {}, true, {
+    x: 25,
+    y: 25
+  }), emitterShapes_generateEmitter("circle", {}, true, {
+    x: 50,
+    y: 25
+  }), emitterShapes_generateEmitter("polygon", {
+    angle: -18,
+    sides: 5
+  }, true, {
+    x: 75,
+    y: 25
+  }), emitterShapes_generateEmitter("square", {}, false, {
+    x: 25,
+    y: 50
+  }), emitterShapes_generateEmitter("circle", {}, false, {
+    x: 50,
+    y: 50
+  }), emitterShapes_generateEmitter("polygon", {
+    sides: 6
+  }, false, {
+    x: 75,
+    y: 50
+  }), emitterShapes_generateEmitter("path", {
+    points: path
+  }, true, {
+    x: 25,
+    y: 75
+  }), emitterShapes_generateEmitter("path", {
+    points: path
+  }, false, {
+    x: 50,
+    y: 75
+  })]
+};
+/* harmony default export */ const emitterShapes = (emitterShapes_options);
+;// CONCATENATED MODULE: ./dist/browser/e/emitterTextShape.js
+const emitterTextShape_rate = {
+  delay: 0.1,
+  quantity: 100
+};
+const emitterTextShape_generateEmitter = (shape, options, fill, position) => {
+  return {
+    shape: {
+      type: shape,
+      options
     },
+    position: position,
     size: {
-      width: 200,
-      height: 200,
+      width: 500,
+      height: 500,
       mode: "precise"
     },
+    startCount: 300,
+    rate: emitterTextShape_rate,
+    fill
+  };
+};
+const emitterTextShape_options = {
+  name: "Emitter Text Shape",
+  particles: {
+    number: {
+      value: 0
+    },
+    color: {
+      value: ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4CAF50", "#8BC34A", "#CDDC39", "#FFEB3B", "#FFC107", "#FF9800", "#FF5722"]
+    },
     life: {
-      duration: 10,
-      delay: 0.5,
-      count: 1
-    }
-  }, {
-    shape: "circle",
-    position: {
-      x: 67,
-      y: 33
+      count: 1,
+      duration: {
+        value: 1.5
+      }
+    },
+    move: {
+      enable: true,
+      speed: 0.5
+    },
+    shape: {
+      type: "circle"
+    },
+    opacity: {
+      value: 1
     },
     size: {
-      width: 200,
-      height: 200,
-      mode: "precise"
+      value: {
+        min: 1,
+        max: 10
+      },
+      animation: {
+        enable: true,
+        speed: 30,
+        sync: true,
+        startValue: "min",
+        count: 2
+      }
+    }
+  },
+  background: {
+    color: "#fff"
+  },
+  emitters: [emitterTextShape_generateEmitter("canvas", {
+    scale: 1,
+    pixels: {
+      filter: "pixelTextFilter",
+      offset: 4
     },
-    life: {
-      duration: 10,
-      delay: 0.5,
-      count: 1
+    text: {
+      color: "#ff0000",
+      font: {
+        size: 500,
+        family: "Verdana"
+      },
+      text: "Particles",
+      lines: {
+        separator: "\n",
+        spacing: 10
+      }
     }
-  }, {
-    fill: false,
-    shape: "square",
-    position: {
-      x: 33,
-      y: 67
+  }, true, {
+    x: 50,
+    y: 50
+  })]
+};
+/* harmony default export */ const emitterTextShape = (emitterTextShape_options);
+;// CONCATENATED MODULE: ./dist/browser/e/emitterTextStrokeShape.js
+const emitterTextStrokeShape_rate = {
+  delay: 0.1,
+  quantity: 100
+};
+const emitterTextStrokeShape_generateEmitter = (shape, options, fill, position) => {
+  return {
+    shape: {
+      type: shape,
+      options
     },
+    position: position,
     size: {
-      width: 200,
-      height: 200,
+      width: 500,
+      height: 500,
       mode: "precise"
     },
+    startCount: 300,
+    rate: emitterTextStrokeShape_rate,
+    fill
+  };
+};
+const emitterTextStrokeShape_options = {
+  name: "Emitter Text Stroke Shape",
+  particles: {
+    number: {
+      value: 0
+    },
+    color: {
+      value: ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4CAF50", "#8BC34A", "#CDDC39", "#FFEB3B", "#FFC107", "#FF9800", "#FF5722"]
+    },
     life: {
-      duration: 10,
-      delay: 0.5,
-      count: 1
-    }
-  }, {
-    fill: false,
-    shape: "circle",
-    position: {
-      x: 67,
-      y: 67
+      count: 1,
+      duration: {
+        value: 1.5
+      }
+    },
+    move: {
+      enable: true,
+      speed: 0.5
+    },
+    shape: {
+      type: "circle"
+    },
+    opacity: {
+      value: 1
     },
     size: {
-      width: 200,
-      height: 200,
-      mode: "precise"
+      value: {
+        min: 1,
+        max: 10
+      },
+      animation: {
+        enable: true,
+        speed: 30,
+        sync: true,
+        startValue: "min",
+        count: 2
+      }
+    }
+  },
+  background: {
+    color: "#fff"
+  },
+  emitters: [emitterTextStrokeShape_generateEmitter("canvas", {
+    scale: 1,
+    pixels: {
+      filter: "pixelTextFilter",
+      offset: 4
     },
-    life: {
-      duration: 10,
-      delay: 0.5,
-      count: 1
+    text: {
+      color: "#ff0000",
+      font: {
+        size: 500,
+        family: "Verdana"
+      },
+      text: "Particles",
+      lines: {
+        separator: "\n",
+        spacing: 10
+      }
     }
-  }]
+  }, false, {
+    x: 50,
+    y: 50
+  })]
 };
-/* harmony default export */ const emitterShapes = (emitterShapes_options);
+/* harmony default export */ const emitterTextStrokeShape = (emitterTextStrokeShape_options);
 ;// CONCATENATED MODULE: ./dist/browser/e/index.js
 
 
@@ -2767,13 +3239,23 @@ const emitterShapes_options = {
 
 
 
+
+
+
+
+
 /* harmony default export */ const e = ({
+  effectBubble: effectBubble,
+  effectTrail: effectTrail,
   emitter: emitter,
   emitterAbsorber: emitterAbsorber,
   emitterAngled: emitterAngled,
+  emitterImageShape: emitterImageShape,
   emitterImages: emitterImages,
   emitterPaths: emitterPaths,
-  emitterShapes: emitterShapes
+  emitterShapes: emitterShapes,
+  emitterTextShape: emitterTextShape,
+  emitterTextStrokeShape: emitterTextStrokeShape
 });
 ;// CONCATENATED MODULE: ./dist/browser/f/fireworks.js
 const fireworks_options = {
@@ -3003,7 +3485,6 @@ const fontawesome_options = {
       density: {
         enable: true
       },
-      limit: 0,
       value: 80
     },
     opacity: {
@@ -3181,7 +3662,9 @@ const gifs_options = {
     },
     number: {
       value: 20,
-      limit: 30
+      limit: {
+        value: 30
+      }
     },
     opacity: {
       value: 1
@@ -3723,7 +4206,6 @@ const hollowknight_options = {
       density: {
         enable: false
       },
-      limit: 0,
       value: 400
     },
     opacity: {
@@ -3747,8 +4229,11 @@ const hollowknight_options = {
   polygon: {
     draw: {
       enable: true,
-      lineColor: "rgba(255,255,255,0.2)",
-      lineWidth: 0.5
+      stroke: {
+        color: "#fff",
+        width: 0.5,
+        opacity: 0.2
+      }
     },
     enable: true,
     move: {
@@ -3948,7 +4433,6 @@ const images_options = {
       density: {
         enable: true
       },
-      limit: 0,
       value: 80
     },
     opacity: {
@@ -4178,8 +4662,11 @@ const imagesDirections_options = {
   polygon: {
     draw: {
       enable: false,
-      lineColor: "#ffffff",
-      lineWidth: 0.5
+      stroke: {
+        color: "#fff",
+        width: 0.5,
+        opacity: 0.2
+      }
     },
     move: {
       radius: 10
@@ -4560,7 +5047,6 @@ const localPolygonMask_options = {
       density: {
         enable: false
       },
-      limit: 0,
       value: 200
     },
     opacity: {
@@ -4576,8 +5062,11 @@ const localPolygonMask_options = {
   polygon: {
     draw: {
       enable: true,
-      lineColor: "rgba(255,255,255,1)",
-      lineWidth: 1
+      stroke: {
+        color: "#fff",
+        width: 0.5,
+        opacity: 0.2
+      }
     },
     enable: true,
     move: {
@@ -5201,7 +5690,129 @@ const mouseTrail_options = {
     color: "#000000"
   }
 };
-/* harmony default export */ const mouseTrail = (mouseTrail_options);
+/* harmony default export */ const mouseTrail = (mouseTrail_options);
+;// CONCATENATED MODULE: ./dist/browser/m/mouseTrailNoise.js
+const mouseTrailNoise_options = {
+  name: "Mouse Trail Noise",
+  particles: {
+    number: {
+      value: 0
+    },
+    color: {
+      value: ["#ff0000", "#00ff00", "#0000ff"],
+      animation: {
+        enable: true,
+        speed: 360,
+        sync: false
+      }
+    },
+    shape: {
+      type: "triangle"
+    },
+    opacity: {
+      value: {
+        min: 0,
+        max: 1
+      },
+      animation: {
+        enable: true,
+        speed: 1,
+        sync: false,
+        destroy: "min"
+      }
+    },
+    size: {
+      value: {
+        min: 4,
+        max: 8
+      }
+    },
+    move: {
+      enable: true,
+      speed: 6,
+      outModes: "destroy",
+      path: {
+        enable: true,
+        options: {
+          size: 64,
+          draw: false,
+          increment: 0.005
+        },
+        delay: {
+          value: 0
+        },
+        generator: "perlinNoise"
+      }
+    },
+    rotate: {
+      value: {
+        min: 0,
+        max: 360
+      },
+      direction: "random",
+      move: true,
+      animation: {
+        enable: true,
+        speed: 60
+      }
+    },
+    tilt: {
+      direction: "random",
+      enable: true,
+      move: true,
+      value: {
+        min: 0,
+        max: 360
+      },
+      animation: {
+        enable: true,
+        speed: 60
+      }
+    },
+    roll: {
+      darken: {
+        enable: true,
+        value: 30
+      },
+      enlighten: {
+        enable: true,
+        value: 30
+      },
+      enable: true,
+      mode: "both",
+      speed: {
+        min: 15,
+        max: 25
+      }
+    },
+    wobble: {
+      distance: 30,
+      enable: true,
+      move: true,
+      speed: {
+        min: -15,
+        max: 15
+      }
+    }
+  },
+  interactivity: {
+    events: {
+      onHover: {
+        enable: true,
+        mode: "trail"
+      }
+    },
+    modes: {
+      trail: {
+        delay: 0.01
+      }
+    }
+  },
+  background: {
+    color: "#000000"
+  }
+};
+/* harmony default export */ const mouseTrailNoise = (mouseTrailNoise_options);
 ;// CONCATENATED MODULE: ./dist/browser/m/moveAngle.js
 const moveAngle_options = {
   name: "Move Angle",
@@ -5629,7 +6240,6 @@ const multiplePolygonMasks_options = {
       speed: 1
     },
     number: {
-      limit: 0,
       value: 200
     },
     opacity: {
@@ -5653,8 +6263,11 @@ const multiplePolygonMasks_options = {
   polygon: {
     draw: {
       enable: true,
-      lineColor: "rgba(255,255,255,0.2)",
-      lineWidth: 0.5
+      stroke: {
+        color: "#fff",
+        width: 0.5,
+        opacity: 0.2
+      }
     },
     enable: true,
     move: {
@@ -5694,6 +6307,7 @@ const multiplePolygonMasks_options = {
 
 
 
+
 /* harmony default export */ const m = ({
   manual: manual,
   motionDisable: motionDisable,
@@ -5702,6 +6316,7 @@ const multiplePolygonMasks_options = {
   mouseBounce: mouseBounce,
   mouseFollow: mouseFollow,
   mouseTrail: mouseTrail,
+  mouseTrailNoise: mouseTrailNoise,
   moveAngle: moveAngle,
   moveDistance: moveDistance,
   moveInside: moveInside,
@@ -6042,7 +6657,9 @@ const orbit_options = {
       density: {
         enable: true
       },
-      limit: 300,
+      limit: {
+        value: 300
+      },
       value: 100
     },
     opacity: {
@@ -6214,7 +6831,6 @@ const pathPolygonMask_options = {
       speed: 1
     },
     number: {
-      limit: 0,
       value: 80
     },
     opacity: {
@@ -6238,8 +6854,11 @@ const pathPolygonMask_options = {
   polygon: {
     draw: {
       enable: true,
-      lineColor: "rgba(255,255,255,0.2)",
-      lineWidth: 0.5
+      stroke: {
+        color: "#fff",
+        width: 0.5,
+        opacity: 0.2
+      }
     },
     enable: true,
     move: {
@@ -6309,7 +6928,6 @@ const pathSvg_options = {
       }
     },
     number: {
-      limit: 0,
       value: 80
     },
     opacity: {
@@ -6516,7 +7134,6 @@ const polygonMask_options = {
       speed: 1
     },
     number: {
-      limit: 0,
       value: 200
     },
     opacity: {
@@ -6540,8 +7157,11 @@ const polygonMask_options = {
   polygon: {
     draw: {
       enable: true,
-      lineColor: "rgba(255,255,255,0.2)",
-      lineWidth: 1
+      stroke: {
+        color: "#fff",
+        width: 1,
+        opacity: 0.2
+      }
     },
     enable: true,
     move: {
@@ -6700,6 +7320,74 @@ const polygons_options = {
   }
 };
 /* harmony default export */ const polygons = (polygons_options);
+;// CONCATENATED MODULE: ./dist/browser/p/pop.js
+const pop_options = {
+  name: "Pop",
+  particles: {
+    number: {
+      limit: {
+        value: 80,
+        mode: "wait"
+      },
+      value: 80
+    },
+    color: {
+      value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"]
+    },
+    shape: {
+      type: "circle"
+    },
+    opacity: {
+      value: 1
+    },
+    size: {
+      value: {
+        min: 10,
+        max: 15
+      }
+    },
+    collisions: {
+      enable: true,
+      mode: "bounce"
+    },
+    move: {
+      enable: true,
+      speed: 3
+    }
+  },
+  interactivity: {
+    events: {
+      onClick: {
+        enable: true,
+        mode: "pop"
+      }
+    }
+  },
+  background: {
+    color: "#000000"
+  },
+  emitters: {
+    direction: "none",
+    life: {
+      count: 0,
+      duration: 0.1,
+      delay: 0.1
+    },
+    rate: {
+      delay: 0.1,
+      quantity: 1
+    },
+    size: {
+      width: 100,
+      height: 100
+    },
+    position: {
+      x: 50,
+      y: 50
+    }
+  }
+};
+/* harmony default export */ const pop = (pop_options);
 ;// CONCATENATED MODULE: ./dist/browser/p/index.js
 
 
@@ -6708,6 +7396,7 @@ const polygons_options = {
 
 
 
+
 /* harmony default export */ const p = ({
   parallax: parallax,
   pathPolygonMask: pathPolygonMask,
@@ -6715,7 +7404,8 @@ const polygons_options = {
   planes: planes,
   plasma: plasma,
   polygonMask: polygonMask,
-  polygons: polygons
+  polygons: polygons,
+  pop: pop
 });
 ;// CONCATENATED MODULE: ./dist/browser/q/index.js
 /* harmony default export */ const q = ({});
@@ -6791,7 +7481,9 @@ const random_options = {
       density: {
         enable: true
       },
-      limit: 500,
+      limit: {
+        value: 500
+      },
       value: 300
     },
     opacity: {
@@ -6889,7 +7581,6 @@ const reactBubbles_options = {
       }
     },
     number: {
-      limit: -1,
       value: 160
     },
     opacity: {
@@ -7123,7 +7814,6 @@ const reactNightSky_options = {
       density: {
         enable: true
       },
-      limit: -1,
       value: 60
     },
     opacity: {
@@ -7201,7 +7891,6 @@ const reactPolygonMask_options = {
       speed: 1
     },
     number: {
-      limit: -1,
       value: 200
     },
     opacity: {
@@ -7301,7 +7990,6 @@ const reactSimple_options = {
       enable: true
     },
     number: {
-      limit: -1,
       value: 50
     },
     opacity: {
@@ -7457,7 +8145,6 @@ const reactSnow_options = {
       enable: true
     },
     number: {
-      limit: -1,
       value: 160
     },
     opacity: {
@@ -8175,7 +8862,9 @@ const ring_options = {
   particles: {
     number: {
       value: 0,
-      limit: 1000
+      limit: {
+        value: 1000
+      }
     },
     color: {
       value: "#ffffff"
@@ -8516,81 +9205,6 @@ const shapeArrow_options = {
   }
 };
 /* harmony default export */ const shapeArrow = (shapeArrow_options);
-;// CONCATENATED MODULE: ./dist/browser/s/shapeBubble.js
-const shapeBubble_options = {
-  name: "Shape Bubble",
-  particles: {
-    number: {
-      value: 80,
-      density: {
-        enable: true
-      }
-    },
-    color: {
-      value: "#ff0000",
-      animation: {
-        enable: true,
-        speed: 20,
-        sync: true
-      }
-    },
-    shape: {
-      type: "bubble"
-    },
-    opacity: {
-      value: 0.5
-    },
-    size: {
-      value: {
-        min: 5,
-        max: 50
-      }
-    },
-    move: {
-      enable: true,
-      speed: 6
-    }
-  },
-  interactivity: {
-    events: {
-      onHover: {
-        enable: true,
-        mode: "repulse"
-      },
-      onClick: {
-        enable: true,
-        mode: "push"
-      }
-    },
-    modes: {
-      grab: {
-        distance: 400,
-        links: {
-          opacity: 1
-        }
-      },
-      bubble: {
-        distance: 400,
-        size: 40,
-        duration: 2,
-        opacity: 0.8
-      },
-      repulse: {
-        distance: 200
-      },
-      push: {
-        quantity: 4
-      },
-      remove: {
-        quantity: 2
-      }
-    }
-  },
-  background: {
-    color: "#000000"
-  }
-};
-/* harmony default export */ const shapeBubble = (shapeBubble_options);
 ;// CONCATENATED MODULE: ./dist/browser/s/shapeCog.js
 const shapeCog_options = {
   name: "Shape Cog",
@@ -8687,6 +9301,186 @@ const shapeCog_options = {
   }
 };
 /* harmony default export */ const shapeCog = (shapeCog_options);
+;// CONCATENATED MODULE: ./dist/browser/s/shapeEmoji.js
+const emitterRate = {
+    delay: 0.1,
+    quantity: 2
+  },
+  shapeEmoji_options = {
+    name: "Shape Emoji",
+    particles: {
+      opacity: {
+        value: 1
+      },
+      size: {
+        value: {
+          min: 16,
+          max: 32
+        }
+      },
+      move: {
+        enable: true,
+        gravity: {
+          enable: true
+        },
+        speed: 15,
+        outModes: {
+          default: "destroy",
+          top: "none"
+        }
+      },
+      rotate: {
+        value: {
+          min: 0,
+          max: 360
+        },
+        direction: "random",
+        move: true,
+        animation: {
+          enable: true,
+          speed: 60
+        }
+      },
+      tilt: {
+        direction: "random",
+        enable: true,
+        move: true,
+        value: {
+          min: 0,
+          max: 360
+        },
+        animation: {
+          enable: true,
+          speed: 60
+        }
+      },
+      roll: {
+        darken: {
+          enable: true,
+          value: 30
+        },
+        enlighten: {
+          enable: true,
+          value: 30
+        },
+        enable: true,
+        mode: "both",
+        speed: {
+          min: 15,
+          max: 25
+        }
+      },
+      wobble: {
+        distance: 30,
+        enable: true,
+        move: true,
+        speed: {
+          min: -15,
+          max: 15
+        }
+      }
+    },
+    background: {
+      color: "#000000"
+    },
+    emitters: [{
+      position: {
+        x: 0,
+        y: 33
+      },
+      rate: emitterRate,
+      particles: {
+        move: {
+          direction: "top-right"
+        },
+        shape: {
+          type: "emoji",
+          options: {
+            emoji: {
+              value: "🦄"
+            }
+          }
+        }
+      }
+    }, {
+      position: {
+        x: 0,
+        y: 66
+      },
+      rate: emitterRate,
+      particles: {
+        move: {
+          direction: "top-right"
+        },
+        shape: {
+          type: "emoji",
+          options: {
+            emoji: {
+              value: "🌈"
+            }
+          }
+        }
+      }
+    }, {
+      position: {
+        x: 100,
+        y: 33
+      },
+      rate: emitterRate,
+      particles: {
+        move: {
+          direction: "top-left"
+        },
+        shape: {
+          type: "emoji",
+          options: {
+            emoji: {
+              value: "🎉"
+            }
+          }
+        }
+      }
+    }, {
+      position: {
+        x: 100,
+        y: 66
+      },
+      rate: emitterRate,
+      particles: {
+        move: {
+          direction: "top-left"
+        },
+        shape: {
+          type: "emoji",
+          options: {
+            emoji: {
+              value: "🤡"
+            }
+          }
+        }
+      }
+    }, {
+      position: {
+        x: 50,
+        y: 50
+      },
+      rate: emitterRate,
+      particles: {
+        move: {
+          direction: "top"
+        },
+        shape: {
+          type: "emoji",
+          options: {
+            emoji: {
+              value: "👻"
+            }
+          }
+        }
+      }
+    }]
+  };
+/* harmony default export */ const shapeEmoji = (shapeEmoji_options);
 ;// CONCATENATED MODULE: ./dist/browser/s/shapeHeart.js
 const shapeHeart_options = {
   name: "Shape Heart",
@@ -8788,9 +9582,9 @@ const shapeMultilineText_options = {
       }
     },
     shape: {
-      type: "multiline-text",
+      type: "text",
       options: {
-        "multiline-text": {
+        text: {
           value: "pippo\npluto"
         }
       }
@@ -10360,7 +11154,9 @@ const style_options = {
   particles: {
     number: {
       value: 200,
-      limit: 200
+      limit: {
+        value: 200
+      }
     },
     color: {
       value: ["#ff0000", "#00ff00", "#0000ff", "#ffff00", "#ff00ff", "#00ffff"],
@@ -10508,7 +11304,6 @@ const svgReplace_options = {
       density: {
         enable: true
       },
-      limit: 0,
       value: 80
     },
     opacity: {
@@ -10587,8 +11382,8 @@ const svgReplace_options = {
   seaAnemone: seaAnemone,
   shadow: shadow,
   shapeArrow: shapeArrow,
-  shapeBubble: shapeBubble,
   shapeCog: shapeCog,
+  shapeEmoji: shapeEmoji,
   shapeHeart: shapeHeart,
   shapeMultilineText: shapeMultilineText,
   shapeOptions: shapeOptions,
@@ -10959,8 +11754,7 @@ const themes_options = {
       onClick: {
         enable: true,
         mode: "push"
-      },
-      resize: true
+      }
     }
   },
   detectRetina: true
@@ -11011,7 +11805,9 @@ const tilt_options = {
     },
     number: {
       value: 0,
-      limit: 300
+      limit: {
+        value: 300
+      }
     },
     opacity: {
       value: 1,
@@ -11089,7 +11885,9 @@ const trail_options = {
   particles: {
     number: {
       value: 0,
-      limit: 300
+      limit: {
+        value: 300
+      }
     },
     color: {
       value: ["#5bc0eb", "#fde74c", "#9bc53d", "#e55934", "#fa7921"]
@@ -11193,7 +11991,9 @@ const trailImage_options = {
   particles: {
     number: {
       value: 0,
-      limit: 300
+      limit: {
+        value: 300
+      }
     },
     color: {
       value: ["#5bc0eb", "#fde74c", "#9bc53d", "#e55934", "#fa7921"]
@@ -11734,7 +12534,9 @@ const wobble_options = {
     },
     number: {
       value: 0,
-      limit: 300
+      limit: {
+        value: 300
+      }
     },
     opacity: {
       value: 1,