@tsparticles/configs 4.0.0-alpha.8 → 4.0.0-beta.1

package/umd/f/fontawesome.js

@@ -34,8 +34,11 @@
             },
         },
         particles: {
-            color: {
-                value: "#ffffff",
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
             },
             links: {
                 blink: false,
@@ -72,14 +75,12 @@
                 options: {
                     char: [
                         {
-                            fill: true,
                             font: "Font Awesome 5 Brands",
                             style: "",
                             value: ["\uf179"],
                             weight: "400",
                         },
                         {
-                            fill: true,
                             font: "Font Awesome 5 Free",
                             style: "",
                             value: ["\uf5d1"],
@@ -90,7 +91,7 @@
                 type: "char",
             },
             stroke: {
-                color: "#ffffff",
+                color: { value: "#ffffff" },
                 width: 1,
             },
             size: {

package/umd/f/forward.js

@@ -22,17 +22,16 @@
             rotate: {
                 path: true,
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
-            },
-            stroke: {
-                width: 0,
-                color: "#000000",
+                enable: true,
             },
             shape: {
                 type: "image",

package/umd/g/gifs.js

@@ -26,9 +26,6 @@
             },
         },
         particles: {
-            color: {
-                value: "#ffffff",
-            },
             move: {
                 enable: true,
                 speed: { min: 1, max: 6 },

package/umd/g/grabRandomColor.js

@@ -19,13 +19,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/g/gravity.js

@@ -25,8 +25,11 @@
                     },
                 },
             },
-            color: {
-                value: "#ffffff",
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
             },
             shape: {
                 type: "circle",
@@ -91,18 +94,20 @@
                         },
                     },
                 },
-                color: {
-                    value: [
-                        "#5bc0eb",
-                        "#fde74c",
-                        "#9bc53d",
-                        "#e55934",
-                        "#fa7921",
-                        "#2FF3E0",
-                        "#F8D210",
-                        "#FA26A0",
-                        "#F51720",
-                    ],
+                fill: {
+                    color: {
+                        value: [
+                            "#5bc0eb",
+                            "#fde74c",
+                            "#9bc53d",
+                            "#e55934",
+                            "#fa7921",
+                            "#2FF3E0",
+                            "#F8D210",
+                            "#FA26A0",
+                            "#F51720",
+                        ],
+                    },
                 },
                 size: {
                     value: {

package/umd/g/groups.js

@@ -53,8 +53,11 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ffffff",
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/g/growing.js

@@ -34,8 +34,11 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "random",
+            fill: {
+                color: {
+                    value: "random",
+                },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/h/hexagonPath.js

@@ -13,12 +13,15 @@
         key: "hexagonPath",
         name: "Hexagon Path",
         particles: {
-            color: {
-                value: "#FF0000",
-                animation: {
-                    enable: true,
-                    speed: 10,
+            fill: {
+                color: {
+                    value: "#FF0000",
+                    animation: {
+                        enable: true,
+                        speed: 10,
+                    },
                 },
+                enable: true,
             },
             move: {
                 direction: "none",

package/umd/h/hollowknight.js

@@ -57,13 +57,14 @@
             },
         },
         particles: {
-            color: {
-                value: "#ffffff",
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
             },
             links: {
-                blink: false,
                 color: "#ffffff",
-                consent: false,
                 distance: 25,
                 enable: true,
                 opacity: 0.4,

package/umd/h/hyperspace.js

@@ -16,8 +16,11 @@
             color: "#000",
         },
         particles: {
-            color: {
-                value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
+            fill: {
+                color: {
+                    value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
+                },
+                enable: true,
             },
             move: {
                 enable: true,

package/umd/i/images.js

@@ -36,9 +36,6 @@
             },
         },
         particles: {
-            color: {
-                value: "#ffffff",
-            },
             move: {
                 enable: true,
                 speed: 2,

package/umd/i/infection.js

@@ -64,8 +64,11 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ffffff",
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/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", "@tsparticles/engine", "./a/index.js", "./b/index.js", "./c/index.js", "./d/index.js", "./e/index.js", "./f/index.js", "./g/index.js", "./h/index.js", "./i/index.js", "./j/index.js", "./k/index.js", "./l/index.js", "./m/index.js", "./n/index.js", "./o/index.js", "./p/index.js", "./q/index.js", "./r/index.js", "./s/index.js", "./t/index.js", "./u/index.js", "./v/index.js", "./w/index.js", "./x/index.js", "./y/index.js", "./z/index.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./a/index.js", "./b/index.js", "./c/index.js", "./d/index.js", "./e/index.js", "./f/index.js", "./g/index.js", "./h/index.js", "./i/index.js", "./j/index.js", "./k/index.js", "./l/index.js", "./m/index.js", "./n/index.js", "./o/index.js", "./p/index.js", "./palettes.js", "./q/index.js", "./r/index.js", "./s/index.js", "./t/index.js", "./u/index.js", "./v/index.js", "./w/index.js", "./x/index.js", "./y/index.js", "./z/index.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -29,6 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const index_js_14 = __importDefault(require("./n/index.js"));
     const index_js_15 = __importDefault(require("./o/index.js"));
     const index_js_16 = __importDefault(require("./p/index.js"));
+    const palettes_js_1 = require("./palettes.js");
     const index_js_17 = __importDefault(require("./q/index.js"));
     const index_js_18 = __importDefault(require("./r/index.js"));
     const index_js_19 = __importDefault(require("./s/index.js"));
@@ -39,6 +40,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const index_js_24 = __importDefault(require("./x/index.js"));
     const index_js_25 = __importDefault(require("./y/index.js"));
     const index_js_26 = __importDefault(require("./z/index.js"));
+    for (const key of Object.keys(palettes_js_1.palettes)) {
+        const palette = palettes_js_1.palettes[key];
+        if (!palette) {
+            continue;
+        }
+        engine_1.tsParticles.pluginManager.addPalette(key, palette);
+    }
     const configs = {
         ...index_js_1.default,
         ...index_js_2.default,
@@ -72,7 +80,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (!config) {
             continue;
         }
-        engine_1.tsParticles.addConfig(config);
+        engine_1.tsParticles.pluginManager.addConfig(config);
     }
     exports.default = configs;
 });

package/umd/l/lch.js

@@ -19,13 +19,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "lch(63.94% 33.1 0.67)",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "lch(63.94% 33.1 0.67)",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/l/life.js

@@ -19,13 +19,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/l/lightHover.js

@@ -19,13 +19,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: ["circle", "square"],

package/umd/l/linkTriangles.js

@@ -19,13 +19,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/l/localPolygonMask.js

@@ -29,8 +29,11 @@
             },
         },
         particles: {
-            color: {
-                value: "#ffffff",
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
             },
             links: {
                 blink: false,

package/umd/m/index.js

@@ -7,16 +7,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./manual.js", "./motionDisable.js", "./motionReduce.js", "./mouseAttract.js", "./mouseBounce.js", "./mouseFollow.js", "./mouseParticle.js", "./mouseParticle2.js", "./mouseTrail.js", "./mouseTrailNoise.js", "./moveAngle.js", "./moveDistance.js", "./moveInside.js", "./moveOutside.js", "./multipleClickEmitters.js", "./multiplePolygonMasks.js"], factory);
+        define(["require", "exports", "./manual.js", "./matrix.js", "./motionDisable.js", "./motionReduce.js", "./mouseAttract.js", "./mouseBounce.js", "./mouseCannon.js", "./mouseDrag.js", "./mouseDragMomentum.js", "./mouseFollow.js", "./mouseParticle.js", "./mouseParticle2.js", "./mouseTrail.js", "./mouseTrailNoise.js", "./moveAngle.js", "./moveDistance.js", "./moveInside.js", "./moveOutside.js", "./multipleClickEmitters.js", "./multiplePolygonMasks.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const manual_js_1 = __importDefault(require("./manual.js"));
+    const matrix_js_1 = __importDefault(require("./matrix.js"));
     const motionDisable_js_1 = __importDefault(require("./motionDisable.js"));
     const motionReduce_js_1 = __importDefault(require("./motionReduce.js"));
     const mouseAttract_js_1 = __importDefault(require("./mouseAttract.js"));
     const mouseBounce_js_1 = __importDefault(require("./mouseBounce.js"));
+    const mouseCannon_js_1 = __importDefault(require("./mouseCannon.js"));
+    const mouseDrag_js_1 = __importDefault(require("./mouseDrag.js"));
+    const mouseDragMomentum_js_1 = __importDefault(require("./mouseDragMomentum.js"));
     const mouseFollow_js_1 = __importDefault(require("./mouseFollow.js"));
     const mouseParticle_js_1 = __importDefault(require("./mouseParticle.js"));
     const mouseParticle2_js_1 = __importDefault(require("./mouseParticle2.js"));
@@ -30,10 +34,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const multiplePolygonMasks_js_1 = __importDefault(require("./multiplePolygonMasks.js"));
     exports.default = {
         manual: manual_js_1.default,
+        matrix: matrix_js_1.default,
         motionDisable: motionDisable_js_1.default,
         motionReduce: motionReduce_js_1.default,
         mouseAttract: mouseAttract_js_1.default,
         mouseBounce: mouseBounce_js_1.default,
+        mouseCannon: mouseCannon_js_1.default,
+        mouseDrag: mouseDrag_js_1.default,
+        mouseDragMomentum: mouseDragMomentum_js_1.default,
         mouseFollow: mouseFollow_js_1.default,
         mouseParticle: mouseParticle_js_1.default,
         mouseParticle2: mouseParticle2_js_1.default,

package/umd/m/manual.js

@@ -51,13 +51,16 @@
                     enable: false,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/m/matrix.js

@@ -0,0 +1,87 @@
+(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: "matrix",
+        name: "Matrix",
+        fpsLimit: 30,
+        particles: {
+            number: {
+                value: 300,
+                density: {
+                    enable: true,
+                },
+            },
+            fill: {
+                color: {
+                    value: {
+                        h: 120,
+                        s: 100,
+                        l: 50,
+                    },
+                    animation: {
+                        l: {
+                            enable: true,
+                            speed: 70,
+                            sync: false,
+                            min: 30,
+                            max: 100,
+                        },
+                    },
+                },
+                enable: true,
+            },
+            shape: {
+                type: "matrix",
+                options: {
+                    matrix: {
+                        interval: {
+                            min: 30,
+                            max: 60,
+                        },
+                    },
+                },
+            },
+            effect: {
+                type: "shadow",
+                options: {
+                    shadow: {
+                        color: "#00ff41",
+                        blur: 7,
+                    },
+                },
+            },
+            size: {
+                value: 10,
+            },
+            move: {
+                enable: true,
+                direction: "bottom",
+                straight: true,
+                speed: { min: 8, max: 15 },
+            },
+        },
+        trail: {
+            enable: true,
+            length: 10,
+            fill: {
+                color: "#000",
+            },
+        },
+        poisson: {
+            enable: true,
+        },
+        background: {
+            color: "#000000",
+        },
+    };
+    exports.default = options;
+});

package/umd/m/motionDisable.js

@@ -22,13 +22,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/m/motionReduce.js

@@ -26,13 +26,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/m/mouseAttract.js

@@ -19,13 +19,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",

package/umd/m/mouseBounce.js

@@ -19,13 +19,16 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 20,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
                 },
+                enable: true,
             },
             shape: {
                 type: "circle",