@tsparticles/configs 3.0.3 → 3.2.0

package/umd/m/mouseParticle.js

@@ -0,0 +1,62 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const options = {
+        key: "mouseParticle",
+        name: "Mouse Particle",
+        fullScreen: {
+            zIndex: 10000,
+        },
+        particles: {
+            number: {
+                value: 0,
+            },
+            color: {
+                value: ["#ff0000", "#00ff00", "#0000ff"],
+                animation: {
+                    enable: true,
+                    speed: 180,
+                    sync: true,
+                },
+            },
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: 10,
+                        minWidth: 2,
+                    },
+                },
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: 3,
+            },
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "particle",
+                },
+            },
+            modes: {
+                particle: {
+                    replaceCursor: true,
+                    pauseOnStop: true,
+                },
+            },
+        },
+    };
+    exports.default = options;
+});

package/umd/m/mouseParticle2.js

@@ -0,0 +1,73 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const options = {
+        key: "mouseParticle2",
+        name: "Mouse Particle 2",
+        background: {
+            color: "#000000",
+        },
+        particles: {
+            number: {
+                value: 80,
+                density: {
+                    enable: true,
+                },
+            },
+            color: {
+                value: "#ff0000",
+                animation: {
+                    enable: true,
+                    speed: 20,
+                    sync: true,
+                },
+            },
+            shape: {
+                type: "circle",
+            },
+            opacity: {
+                value: 0.5,
+            },
+            size: {
+                value: {
+                    min: 1,
+                    max: 3,
+                },
+            },
+            links: {
+                enable: true,
+                distance: 200,
+                color: "#ffffff",
+                opacity: 0.4,
+                width: 1,
+            },
+            move: {
+                enable: true,
+                speed: 6,
+            },
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "particle",
+                },
+            },
+            modes: {
+                particle: {
+                    replaceCursor: false,
+                    pauseOnStop: false,
+                },
+            },
+        },
+    };
+    exports.default = options;
+});

package/umd/m/mouseTrail.js

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

package/umd/m/mouseTrailNoise.js

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

package/umd/m/moveAngle.js

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

package/umd/m/moveDistance.js

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

package/umd/m/moveInside.js

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

package/umd/m/moveOutside.js

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

package/umd/m/multipleClickEmitters.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "multipleClickEmitters",
         name: "Multiple Click Emitters",
         background: {
             color: "#f00",

package/umd/m/multiplePolygonMasks.js

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

package/umd/n/nasa.js

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

package/umd/n/noClear.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "noClear",
         name: "No Clear",
         clear: false,
         interactivity: {

package/umd/n/noConfig.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "noConfig",
         name: "No Config",
     };
     exports.default = options;

package/umd/n/noisePlanes.js

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

package/umd/n/nyancat.js

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

package/umd/n/nyancat2.js

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

package/umd/o/orbit.js

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

package/umd/p/index.js

@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./parallax.js", "./pathPolygonMask.js", "./pathSvg.js", "./planes.js", "./plasma.js", "./polygonMask.js", "./polygons.js", "./pop.js"], factory);
+        define(["require", "exports", "./parallax.js", "./pathPolygonMask.js", "./pathSvg.js", "./pathZigZag.js", "./planes.js", "./plasma.js", "./poisson.js", "./polygonMask.js", "./polygons.js", "./pop.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -15,8 +15,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const parallax_js_1 = __importDefault(require("./parallax.js"));
     const pathPolygonMask_js_1 = __importDefault(require("./pathPolygonMask.js"));
     const pathSvg_js_1 = __importDefault(require("./pathSvg.js"));
+    const pathZigZag_js_1 = __importDefault(require("./pathZigZag.js"));
     const planes_js_1 = __importDefault(require("./planes.js"));
     const plasma_js_1 = __importDefault(require("./plasma.js"));
+    const poisson_js_1 = __importDefault(require("./poisson.js"));
     const polygonMask_js_1 = __importDefault(require("./polygonMask.js"));
     const polygons_js_1 = __importDefault(require("./polygons.js"));
     const pop_js_1 = __importDefault(require("./pop.js"));
@@ -24,8 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         parallax: parallax_js_1.default,
         pathPolygonMask: pathPolygonMask_js_1.default,
         pathSvg: pathSvg_js_1.default,
+        pathZigZag: pathZigZag_js_1.default,
         planes: planes_js_1.default,
         plasma: plasma_js_1.default,
+        poisson: poisson_js_1.default,
         polygonMask: polygonMask_js_1.default,
         polygons: polygons_js_1.default,
         pop: pop_js_1.default,

package/umd/p/parallax.js

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

package/umd/p/pathPolygonMask.js

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

package/umd/p/pathSvg.js

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

package/umd/p/pathZigZag.js

@@ -0,0 +1,57 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const options = {
+        key: "pathZigZag",
+        name: "Path Zig Zag",
+        particles: {
+            color: {
+                value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
+            },
+            move: {
+                enable: true,
+                outModes: "out",
+                speed: { min: 1, max: 3 },
+                path: {
+                    enable: true,
+                    options: {
+                        waveLength: { min: 3, max: 7 },
+                        waveHeight: { min: 1, max: 5 },
+                    },
+                    generator: "zigZagPathGenerator",
+                },
+                trail: {
+                    enable: true,
+                    length: 20,
+                    fill: {
+                        color: "#000000",
+                    },
+                },
+            },
+            number: {
+                value: 80,
+            },
+            opacity: {
+                value: 1,
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: 3,
+            },
+        },
+        background: {
+            color: "#000000",
+        },
+    };
+    exports.default = options;
+});

package/umd/p/planes.js

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

package/umd/p/plasma.js

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

package/umd/p/poisson.js

@@ -0,0 +1,51 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const options = {
+        key: "poisson",
+        name: "Poisson",
+        particles: {
+            number: {
+                value: 100,
+            },
+            color: {
+                value: "#ffffff",
+            },
+            links: {
+                enable: true,
+                distance: 200,
+            },
+            shape: {
+                type: "circle",
+            },
+            opacity: {
+                value: 1,
+            },
+            size: {
+                value: {
+                    min: 4,
+                    max: 6,
+                },
+            },
+            move: {
+                enable: true,
+                speed: 2,
+            },
+        },
+        background: {
+            color: "#000000",
+        },
+        poisson: {
+            enable: true,
+        },
+    };
+    exports.default = options;
+});

package/umd/p/polygonMask.js

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

package/umd/p/polygons.js

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

package/umd/p/pop.js

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

package/umd/r/random.js

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

package/umd/r/reactBubbles.js

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

package/umd/r/reactDefaults.js

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

package/umd/r/reactMultipleImages.js

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

package/umd/r/reactNightSky.js

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

package/umd/r/reactPolygonMask.js

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

package/umd/r/reactSimple.js

@@ -10,6 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
+        key: "reactSimple",
         name: "React Simple",
         interactivity: {
             events: {
@@ -117,9 +118,7 @@
         },
         backgroundMask: {
             cover: {
-                color: {
-                    value: "#fff",
-                },
+                color: "#fff",
                 opacity: 1,
             },
             enable: false,

package/umd/r/reactSnow.js

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

package/umd/r/reduceDuplicates.js

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

package/umd/r/repulse.js

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

package/umd/r/repulseBack.js

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

package/umd/r/repulseCirc.js

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

package/umd/r/repulseCubic.js

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

package/umd/r/repulseExpo.js

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

package/umd/r/repulseQuart.js

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

package/umd/r/repulseQuint.js

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

package/umd/r/repulseSine.js

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

package/umd/r/responsive.js

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