@tsparticles/configs 3.0.2 → 3.1.0

package/types/index.d.ts

@@ -60,8 +60,10 @@ declare const configs: {
     parallax: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     pathPolygonMask: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     pathSvg: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    pathZigZag: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     planes: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     plasma: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    poisson: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     polygonMask: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     polygons: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     pop: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/types/p/index.d.ts

@@ -2,8 +2,10 @@ declare const _default: {
     parallax: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     pathPolygonMask: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     pathSvg: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    pathZigZag: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     planes: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     plasma: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    poisson: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     polygonMask: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     polygons: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     pop: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/types/p/pathZigZag.d.ts

@@ -0,0 +1,3 @@
+import type { ISourceOptions } from "@tsparticles/engine";
+declare const options: ISourceOptions;
+export default options;

package/types/p/poisson.d.ts

@@ -0,0 +1,3 @@
+import type { ISourceOptions } from "@tsparticles/engine";
+declare const options: ISourceOptions;
+export default options;

package/umd/a/absorbers.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "absorbers",
         name: "Absorbers",
         particles: {
             number: {

package/umd/a/amongUs.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "amongUs",
         name: "Among Us",
         particles: {
             groups: {

package/umd/b/backgroundMask.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "backgroundMask",
         name: "Background Mask",
         particles: {
             number: {

package/umd/b/basic.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "basic",
         name: "Basic",
         particles: {
             number: {

package/umd/b/big.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "big",
         name: "Big Particles",
         particles: {
             number: {

package/umd/b/blackHole.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "blackHole",
         name: "Black Hole",
         particles: {
             number: {

package/umd/b/bubble.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "bubble",
         name: "Bubble",
         particles: {
             number: {

package/umd/c/cards.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "cards",
         name: "Cards",
         particles: {
             number: {

package/umd/c/chars.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "chars",
         name: "Chars",
         particles: {
             number: {

package/umd/c/clickConfetti.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "clickConfetti",
         name: "Click Confetti",
         fpsLimit: 60,
         interactivity: {

package/umd/c/clickPause.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "clickPause",
         name: "Click Pause",
         particles: {
             number: {

package/umd/c/collisionsAbsorb.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "collisionsAbsorb",
         name: "Collisions Absorb",
         particles: {
             number: {

package/umd/c/collisionsBounce.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "collisionsBounce",
         name: "Collisions Bounce",
         particles: {
             number: {

package/umd/c/collisionsDestroy.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "collisionsDestroy",
         name: "Collisions Destroy",
         particles: {
             number: {

package/umd/c/colorAnimation.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "colorAnimation",
         name: "Color Animation",
         particles: {
             number: {
@@ -21,10 +22,21 @@
             color: {
                 value: "#ff0000",
                 animation: {
-                    count: 1,
-                    enable: true,
-                    speed: 60,
-                    sync: true,
+                    h: {
+                        enable: true,
+                        speed: { min: 30, max: 60 },
+                        sync: true,
+                    },
+                    s: {
+                        enable: true,
+                        speed: { min: 5, max: 10 },
+                        sync: true,
+                    },
+                    l: {
+                        enable: true,
+                        speed: { min: 5, max: 10 },
+                        sync: true,
+                    },
                 },
             },
             stroke: {
@@ -32,10 +44,21 @@
                 color: {
                     value: "#0000ff",
                     animation: {
-                        count: 1,
-                        enable: true,
-                        speed: 60,
-                        sync: true,
+                        h: {
+                            enable: true,
+                            speed: { min: 30, max: 60 },
+                            sync: true,
+                        },
+                        s: {
+                            enable: true,
+                            speed: { min: 5, max: 10 },
+                            sync: true,
+                        },
+                        l: {
+                            enable: true,
+                            speed: { min: 5, max: 10 },
+                            sync: true,
+                        },
                     },
                 },
             },

package/umd/c/connect.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "connect",
         name: "Connect",
         interactivity: {
             events: {

package/umd/c/curlNoise.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "curlNoise",
         name: "Curl Noise",
         particles: {
             number: {

package/umd/d/dataImages.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "dataImages",
         name: "Data URI Images",
         interactivity: {
             events: {

package/umd/d/delay.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "delay",
         name: "Delay",
         delay: 5,
         particles: {

package/umd/d/delayColor.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "delayColor",
         name: "Delay Color",
         background: {
             color: {

package/umd/d/delayOpacity.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "delayOpacity",
         name: "Delay Opacity",
         background: {
             color: {

package/umd/d/delaySize.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "delaySize",
         name: "Delay Size",
         background: {
             color: {

package/umd/d/delayStrokeColor.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "delayStrokeColor",
         name: "Delay Stroke Color",
         background: {
             color: {

package/umd/d/destroy.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "destroy",
         name: "Destroy",
         particles: {
             number: {

package/umd/d/disappearing.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "disappearing",
         name: "Disappearing",
         background: {
             color: {

package/umd/d/divEvents.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "divEvents",
         name: "Div Events",
         background: {
             color: "#0d47a1",

package/umd/e/effectBubble.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "effectBubble",
         name: "Effect Bubble",
         particles: {
             number: {

package/umd/e/effectTrail.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "effectTrail",
         name: "Effect Trail",
         particles: {
             number: {

package/umd/e/emitter.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "emitter",
         name: "Emitter",
         particles: {
             number: {

package/umd/e/emitterAbsorber.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "emitterAbsorber",
         name: "Emitter and Absorber",
         particles: {
             number: {

package/umd/e/emitterAngled.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "emitterAngled",
         name: "Emitter Angled",
         particles: {
             number: {

package/umd/e/emitterImageShape.js

@@ -9,11 +9,10 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    const rate = {
+    const minFilterValue = 30, minFilterAlpha = 0, rate = {
         delay: 0.1,
         quantity: 100,
-    };
-    const generateEmitter = (shape, options, fill, position) => {
+    }, generateEmitter = (shape, options, fill, position) => {
         return {
             shape: {
                 replace: {
@@ -33,8 +32,8 @@
             rate,
             fill,
         };
-    };
-    const options = {
+    }, options = {
+        key: "emitterImageShape",
         name: "Emitter Image Shape",
         particles: {
             number: {
@@ -94,7 +93,9 @@
             generateEmitter("canvas", {
                 scale: 5,
                 pixels: {
-                    filter: "pixelFilter",
+                    filter: (pixel) => pixel.r < minFilterValue && pixel.g < minFilterValue && pixel.b < minFilterValue
+                        ? false
+                        : pixel.a > minFilterAlpha,
                     offset: 4,
                 },
                 image: {

package/umd/e/emitterImages.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "emitterImages",
         name: "Emitter Images",
         particles: {
             move: {

package/umd/e/emitterPaths.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "emitterPaths",
         name: "Emitter Paths",
         particles: {
             number: {

package/umd/e/emitterShapes.js

@@ -49,6 +49,7 @@
         { x: 50, y: 25 },
     ];
     const options = {
+        key: "emitterShapes",
         name: "Emitter Shapes",
         particles: {
             number: {

package/umd/e/emitterTextShape.js

@@ -9,11 +9,10 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    const rate = {
+    const minAlphaFilter = 0, rate = {
         delay: 0.1,
         quantity: 100,
-    };
-    const generateEmitter = (shape, options, fill, position) => {
+    }, generateEmitter = (shape, options, fill, position) => {
         return {
             shape: {
                 type: shape,
@@ -29,8 +28,8 @@
             rate,
             fill,
         };
-    };
-    const options = {
+    }, options = {
+        key: "emitterTextShape",
         name: "Emitter Text Shape",
         particles: {
             number: {
@@ -90,7 +89,7 @@
             generateEmitter("canvas", {
                 scale: 1,
                 pixels: {
-                    filter: "pixelTextFilter",
+                    filter: (pixel) => pixel.a > minAlphaFilter,
                     offset: 4,
                 },
                 text: {

package/umd/e/emitterTextStrokeShape.js

@@ -9,11 +9,10 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    const rate = {
+    const minAlphaFilter = 0, rate = {
         delay: 0.1,
         quantity: 100,
-    };
-    const generateEmitter = (shape, options, fill, position) => {
+    }, generateEmitter = (shape, options, fill, position) => {
         return {
             shape: {
                 type: shape,
@@ -29,8 +28,8 @@
             rate,
             fill,
         };
-    };
-    const options = {
+    }, options = {
+        key: "emitterTextStrokeShape",
         name: "Emitter Text Stroke Shape",
         particles: {
             number: {
@@ -90,7 +89,7 @@
             generateEmitter("canvas", {
                 scale: 1,
                 pixels: {
-                    filter: "pixelTextFilter",
+                    filter: (pixel) => pixel.a > minAlphaFilter,
                     offset: 4,
                 },
                 text: {

package/umd/f/fireworks.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "fireworks",
         name: "Fireworks",
         fullScreen: {
             enable: true,
@@ -176,8 +177,8 @@
             enable: true,
             events: [
                 {
-                    event: "particleDestroyed",
-                    filter: "explodeSoundCheck",
+                    event: "particleRemoved",
+                    filter: (args) => args.data.particle.options.move.gravity.inverse,
                     audio: [
                         "https://particles.js.org/audio/explosion0.mp3",
                         "https://particles.js.org/audio/explosion1.mp3",

package/umd/f/fireworks2.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "fireworks2",
         name: "Fireworks 2",
         fullScreen: {
             enable: true,
@@ -158,9 +159,6 @@
                     },
                 },
             },
-            rotate: {
-                path: true,
-            },
             shape: {
                 type: "circle",
             },
@@ -190,7 +188,7 @@
             events: [
                 {
                     event: "particleRemoved",
-                    filter: "explodeSoundCheck",
+                    filter: (args) => args.data.particle.options.move.gravity.inverse,
                     audio: [
                         "https://particles.js.org/audio/explosion0.mp3",
                         "https://particles.js.org/audio/explosion1.mp3",

package/umd/f/fontawesome.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "fontawesome",
         name: "Font Awesome",
         interactivity: {
             events: {

package/umd/f/forward.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "forward",
         name: "Forward",
         particles: {
             number: {

package/umd/g/gifs.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "gifs",
         name: "Gifs",
         interactivity: {
             events: {

package/umd/g/grabRandomColor.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "grabRandomColor",
         name: "Grab Random Color",
         particles: {
             number: {