@tsparticles/configs 3.0.0-beta.4 → 3.0.0

package/tsparticles.configs.bundle.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.4
+ * v3.0.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')

package/tsparticles.configs.bundle.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Configs v3.0.0-beta.4 by Matteo Bruni */
+/*! tsParticles Configs v3.0.0 by Matteo Bruni */

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.4
+ * v3.0.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -2178,6 +2178,7 @@ const effectTrail_options = {
       type: "trail",
       options: {
         trail: {
+          fade: true,
           length: {
             min: 10,
             max: 30
@@ -2202,7 +2203,10 @@ const effectTrail_options = {
         generator: "simplexNoise"
       },
       enable: true,
-      speed: 6
+      speed: {
+        min: 6,
+        max: 15
+      }
     }
   },
   background: {
@@ -3434,6 +3438,197 @@ const fireworks_options = {
   }
 };
 /* harmony default export */ const fireworks = (fireworks_options);
+;// CONCATENATED MODULE: ./dist/browser/f/fireworks2.js
+const fireworks2_options = {
+  name: "Fireworks 2",
+  fullScreen: {
+    enable: true
+  },
+  background: {
+    color: "#ffffff",
+    image: "url('https://particles.js.org/images/background3.jpg')",
+    position: "50% 50%",
+    repeat: "no-repeat",
+    size: "cover"
+  },
+  backgroundMask: {
+    enable: true
+  },
+  emitters: {
+    direction: "top",
+    life: {
+      count: 0,
+      duration: 0.1,
+      delay: 0.1
+    },
+    rate: {
+      delay: 0.15,
+      quantity: 1
+    },
+    size: {
+      width: 100,
+      height: 0
+    },
+    position: {
+      y: 100,
+      x: 50
+    }
+  },
+  particles: {
+    number: {
+      value: 0
+    },
+    destroy: {
+      bounds: {
+        top: 30
+      },
+      mode: "split",
+      split: {
+        count: 1,
+        factor: {
+          value: 0.333333
+        },
+        rate: {
+          value: 100
+        },
+        particles: {
+          stroke: {
+            width: 0
+          },
+          color: {
+            value: ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"]
+          },
+          number: {
+            value: 0
+          },
+          collisions: {
+            enable: false
+          },
+          destroy: {
+            bounds: {
+              top: 0
+            }
+          },
+          opacity: {
+            value: {
+              min: 0.1,
+              max: 1
+            },
+            animation: {
+              enable: true,
+              speed: 0.7,
+              sync: false,
+              startValue: "max",
+              destroy: "min"
+            }
+          },
+          effect: {
+            type: "trail",
+            options: {
+              trail: {
+                length: {
+                  min: 5,
+                  max: 10
+                }
+              }
+            }
+          },
+          shape: {
+            type: "circle"
+          },
+          size: {
+            value: 2,
+            animation: {
+              enable: false
+            }
+          },
+          life: {
+            count: 1,
+            duration: {
+              value: {
+                min: 1,
+                max: 2
+              }
+            }
+          },
+          move: {
+            enable: true,
+            gravity: {
+              enable: true,
+              acceleration: 9.81,
+              inverse: false
+            },
+            decay: 0.1,
+            speed: {
+              min: 10,
+              max: 25
+            },
+            direction: "outside",
+            outModes: "destroy"
+          }
+        }
+      }
+    },
+    life: {
+      count: 1
+    },
+    effect: {
+      type: "trail",
+      options: {
+        trail: {
+          length: {
+            min: 10,
+            max: 30
+          },
+          minWidth: 1,
+          maxWidth: 1
+        }
+      }
+    },
+    rotate: {
+      path: true
+    },
+    shape: {
+      type: "circle"
+    },
+    size: {
+      value: 1
+    },
+    stroke: {
+      color: {
+        value: "#ffffff"
+      },
+      width: 1
+    },
+    move: {
+      enable: true,
+      gravity: {
+        acceleration: 15,
+        enable: true,
+        inverse: true,
+        maxSpeed: 100
+      },
+      speed: {
+        min: 10,
+        max: 20
+      },
+      outModes: {
+        default: "destroy",
+        top: "none"
+      }
+    }
+  },
+  sounds: {
+    enable: true,
+    events: [{
+      event: "particleRemoved",
+      filter: "explodeSoundCheck",
+      audio: ["https://particles.js.org/audio/explosion0.mp3", "https://particles.js.org/audio/explosion1.mp3", "https://particles.js.org/audio/explosion2.mp3"]
+    }],
+    volume: 50
+  }
+};
+/* harmony default export */ const fireworks2 = (fireworks2_options);
 ;// CONCATENATED MODULE: ./dist/browser/f/fontawesome.js
 const fontawesome_options = {
   name: "Font Awesome",
@@ -3628,8 +3823,10 @@ const forward_options = {
 
 
 
+
 /* harmony default export */ const f = ({
   fireworks: fireworks,
+  fireworks2: fireworks2,
   fontawesome: fontawesome,
   forward: forward
 });
@@ -4229,8 +4426,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: {
@@ -4659,8 +4859,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
@@ -5056,8 +5259,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: {
@@ -6254,8 +6460,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: {
@@ -6398,15 +6607,59 @@ const nasa_options = {
   }
 };
 /* harmony default export */ const nasa = (nasa_options);
-;// CONCATENATED MODULE: ./dist/browser/n/noconfig.js
-const noconfig_options = {
-  name: "No Config",
-  fullScreen: {
-    enable: true,
-    zIndex: 0
+;// CONCATENATED MODULE: ./dist/browser/n/noClear.js
+const noClear_options = {
+  name: "No Clear",
+  clear: false,
+  interactivity: {
+    events: {
+      onHover: {
+        enable: true,
+        mode: "trail"
+      }
+    },
+    modes: {
+      trail: {
+        delay: 0.01,
+        quantity: 1,
+        pauseOnStop: true
+      }
+    }
+  },
+  particles: {
+    color: {
+      value: ["#80F31F", "#ED8B08", "#ED1868", "#800CE0", "#1274F7", "#12E797", "#7FF31F", "#ED8B08", "#ED1868", "#800CE0", "#1274F7", "#12E797", "#7FF31F", "#ED8B08", "#ED1868", "#800CE0", "#1274F7", "#12E797", "#7FF31F", "#ED8B08", "#ED1868", "#800CE0", "#1274F7", "#12E797", "#7FF31F", "#ED8B08", "#ED1868", "#800CE0", "#1274F7", "#12E797", "#7FF31F", "#ED8B08", "#ED1868", "#800CE0", "#1274F7", "#12E797", "#7FF31F", "#ED8B08", "#ED1868", "#800CE0", "#1274F7", "#12E797", "#7FF31F", "#ED8B08", "#ED1868", "#800CE0", "#1274F7", "#12E797", "#7FF31F", "#ED8B08"]
+    },
+    life: {
+      count: 1,
+      duration: {
+        sync: true,
+        value: 1
+      }
+    },
+    number: {
+      value: 500
+    },
+    size: {
+      value: 50
+    },
+    shape: {
+      type: "star"
+    },
+    rotate: {
+      value: {
+        min: 0,
+        max: 360
+      }
+    }
   }
 };
-/* harmony default export */ const noconfig = (noconfig_options);
+/* harmony default export */ const noClear = (noClear_options);
+;// CONCATENATED MODULE: ./dist/browser/n/noConfig.js
+const noConfig_options = {
+  name: "No Config"
+};
+/* harmony default export */ const noConfig = (noConfig_options);
 ;// CONCATENATED MODULE: ./dist/browser/n/noisePlanes.js
 const noisePlanes_options = {
   name: "Noise Planes",
@@ -6623,9 +6876,11 @@ const nyancat2_options = {
 
 
 
+
 /* harmony default export */ const n = ({
   nasa: nasa,
-  noconfig: noconfig,
+  noClear: noClear,
+  noConfig: noConfig,
   noisePlanes: noisePlanes,
   nyancat: nyancat,
   nyancat2: nyancat2
@@ -6842,8 +7097,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: {
@@ -7142,8 +7400,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: {
@@ -9283,6 +9544,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",
@@ -11177,6 +11618,7 @@ const svgReplace_options = {
 
 
 
+
 
 
 /* harmony default export */ const s = ({
@@ -11184,6 +11626,7 @@ const svgReplace_options = {
   shadow: shadow,
   shapeArrow: shapeArrow,
   shapeCog: shapeCog,
+  shapeEmoji: shapeEmoji,
   shapeHeart: shapeHeart,
   shapeMultilineText: shapeMultilineText,
   shapeOptions: shapeOptions,
@@ -11554,8 +11997,7 @@ const themes_options = {
       onClick: {
         enable: true,
         mode: "push"
-      },
-      resize: true
+      }
     }
   },
   detectRetina: true