@tsparticles/configs 4.0.0-alpha.5 → 4.0.0-beta.0

package/umd/r/repulseSigmoid.js

@@ -0,0 +1,66 @@
+(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: "repulseSigmoid",
+        name: "Repulse Sigmoid",
+        particles: {
+            number: {
+                value: 200,
+                density: {
+                    enable: true,
+                },
+            },
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
+            },
+            shape: {
+                type: "circle",
+            },
+            opacity: {
+                value: 0.5,
+            },
+            size: {
+                value: {
+                    min: 1,
+                    max: 3,
+                },
+            },
+            move: {
+                enable: true,
+                speed: 0,
+            },
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "repulse",
+                },
+            },
+            modes: {
+                repulse: {
+                    distance: 200,
+                    factor: 1,
+                    speed: 5,
+                    easing: "ease-out-sigmoid",
+                },
+            },
+        },
+        background: {
+            color: "#000000",
+        },
+    };
+    exports.default = options;
+});

package/umd/r/repulseSine.js

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

package/umd/r/repulseSmoothstep.js

@@ -0,0 +1,66 @@
+(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: "repulseSmoothstep",
+        name: "Repulse Smoothstep",
+        particles: {
+            number: {
+                value: 200,
+                density: {
+                    enable: true,
+                },
+            },
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
+            },
+            shape: {
+                type: "circle",
+            },
+            opacity: {
+                value: 0.5,
+            },
+            size: {
+                value: {
+                    min: 1,
+                    max: 3,
+                },
+            },
+            move: {
+                enable: true,
+                speed: 0,
+            },
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "repulse",
+                },
+            },
+            modes: {
+                repulse: {
+                    distance: 200,
+                    factor: 1,
+                    speed: 5,
+                    easing: "ease-out-smoothstep",
+                },
+            },
+        },
+        background: {
+            color: "#000000",
+        },
+    };
+    exports.default = options;
+});

package/umd/r/responsive.js

@@ -19,8 +19,11 @@
                     enable: false,
                 },
             },
-            color: {
-                value: "#ff0000",
+            fill: {
+                color: {
+                    value: "#ff0000",
+                },
+                enable: true,
             },
             shape: {
                 type: "circle",
@@ -86,8 +89,11 @@
                 maxWidth: 600,
                 options: {
                     particles: {
-                        color: {
-                            value: "#0000ff",
+                        fill: {
+                            color: {
+                                value: "#0000ff",
+                            },
+                            enable: true,
                         },
                         number: {
                             value: 40,
@@ -99,8 +105,11 @@
                 maxWidth: 1000,
                 options: {
                     particles: {
-                        color: {
-                            value: "#00ff00",
+                        fill: {
+                            color: {
+                                value: "#00ff00",
+                            },
+                            enable: true,
                         },
                         number: {
                             value: 60,

package/umd/r/ring.js

@@ -17,8 +17,11 @@
                 value: 0,
                 limit: { value: 1000 },
             },
-            color: {
-                value: "#ffffff",
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
+                enable: true,
             },
             move: {
                 enable: true,
@@ -31,6 +34,8 @@
                     delay: {
                         value: 0.75,
                     },
+                    clamp: true,
+                    generator: "randomPathGenerator",
                 },
             },
             shape: {

package/umd/s/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", "./seaAnemone.js", "./shadow.js", "./shapeArrow.js", "./shapeCog.js", "./shapeEmoji.js", "./shapeEmojiPadding.js", "./shapeHeart.js", "./shapeInfinity.js", "./shapeMultilineText.js", "./shapeOptions.js", "./shapePath.js", "./shapeRoundedPolygon.js", "./shapeRoundedRect.js", "./shapeSpiral.js", "./slow.js", "./snow.js", "./soundsAudio.js", "./soundsLoop.js", "./soundsMelodies.js", "./soundsMelodyLoop.js", "./soundsNotes.js", "./speedDecay.js", "./spin.js", "./star.js", "./strokeAnimation.js", "./style.js", "./svgReplace.js"], factory);
+        define(["require", "exports", "./seaAnemone.js", "./shadow.js", "./shapeArrow.js", "./shapeCog.js", "./shapeEmoji.js", "./shapeEmojiPadding.js", "./shapeHeart.js", "./shapeInfinity.js", "./shapeMultilineText.js", "./shapeOptions.js", "./shapePath.js", "./shapeRoundedPolygon.js", "./shapeRoundedRect.js", "./shapeSpiral.js", "./shapeSquircle.js", "./slow.js", "./snow.js", "./soundsAudio.js", "./soundsLoop.js", "./soundsMelodies.js", "./soundsMelodyLoop.js", "./soundsNotes.js", "./speedDecay.js", "./spin.js", "./star.js", "./strokeAnimation.js", "./style.js", "./svgReplace.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const shapeRoundedPolygon_js_1 = __importDefault(require("./shapeRoundedPolygon.js"));
     const shapeRoundedRect_js_1 = __importDefault(require("./shapeRoundedRect.js"));
     const shapeSpiral_js_1 = __importDefault(require("./shapeSpiral.js"));
+    const shapeSquircle_js_1 = __importDefault(require("./shapeSquircle.js"));
     const slow_js_1 = __importDefault(require("./slow.js"));
     const snow_js_1 = __importDefault(require("./snow.js"));
     const soundsAudio_js_1 = __importDefault(require("./soundsAudio.js"));
@@ -54,6 +55,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         shapeRoundedPolygon: shapeRoundedPolygon_js_1.default,
         shapeRoundedRect: shapeRoundedRect_js_1.default,
         shapeSpiral: shapeSpiral_js_1.default,
+        shapeSquircle: shapeSquircle_js_1.default,
         slow: slow_js_1.default,
         snow: snow_js_1.default,
         soundsAudio: soundsAudio_js_1.default,

package/umd/s/seaAnemone.js

@@ -13,8 +13,10 @@
         key: "seaAnemone",
         name: "Sea Anemone",
         particles: {
-            color: {
-                value: "#FF0000",
+            fill: {
+                color: {
+                    value: "#FF0000",
+                },
             },
             move: {
                 direction: "none",
@@ -71,11 +73,15 @@
                 width: 0,
                 height: 0,
             },
-            spawnColor: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 10,
+            spawn: {
+                fill: {
+                    color: {
+                        value: "#ff0000",
+                        animation: {
+                            enable: true,
+                            speed: 10,
+                        },
+                    },
                 },
             },
             position: {

package/umd/s/shadow.js

@@ -20,14 +20,15 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#ffffff",
+            fill: {
+                color: {
+                    value: "#ffffff",
+                },
             },
             effect: {
                 type: "shadow",
                 options: {
                     shadow: {
-                        enable: true,
                         color: "#000000",
                         blur: 5,
                         offset: {

package/umd/s/shapeArrow.js

@@ -19,11 +19,11 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "none",
+            fill: {
+                enable: false,
             },
             stroke: {
-                color: "#ff0000",
+                color: { value: "#ff0000" },
                 width: 1,
             },
             shape: {

package/umd/s/shapeCog.js

@@ -13,8 +13,11 @@
         key: "shapeCog",
         name: "Shape Cog",
         particles: {
-            color: {
-                value: ["#777", "#333", "#700", "#007", "#070"],
+            fill: {
+                color: {
+                    value: ["#777", "#333", "#700", "#007", "#070"],
+                },
+                enable: true,
             },
             number: {
                 value: 80,

package/umd/s/shapeHeart.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: "heart",

package/umd/s/shapeInfinity.js

@@ -19,8 +19,8 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "transparent",
+            fill: {
+                enable: false,
             },
             stroke: {
                 color: {

package/umd/s/shapeMultilineText.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: "text",
@@ -43,8 +46,8 @@
             },
             size: {
                 value: {
-                    min: 16,
-                    max: 32,
+                    min: 160,
+                    max: 320,
                 },
             },
             move: {

package/umd/s/shapeOptions.js

@@ -13,8 +13,11 @@
         key: "shapeOptions",
         name: "Shape Options",
         particles: {
-            color: {
-                value: "#000",
+            fill: {
+                color: {
+                    value: "#000",
+                },
+                enable: true,
             },
             move: {
                 direction: "none",

package/umd/s/shapePath.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: "path",

package/umd/s/shapeRoundedPolygon.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,
             },
             links: {
                 enable: true,

package/umd/s/shapeRoundedRect.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,
             },
             rotate: {
                 value: {

package/umd/s/shapeSpiral.js

@@ -19,6 +19,9 @@
                     enable: true,
                 },
             },
+            fill: {
+                enable: false,
+            },
             stroke: {
                 color: {
                     value: "#ff0000",
@@ -36,7 +39,6 @@
                     spiral: {
                         innerRadius: 0.5,
                         lineSpacing: 0.5,
-                        fill: false,
                         close: false,
                     },
                 },

package/umd/s/shapeSquircle.js

@@ -0,0 +1,104 @@
+(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: "shapeSquircle",
+        name: "Shape Squircle",
+        particles: {
+            number: {
+                value: 80,
+                density: {
+                    enable: true,
+                },
+            },
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 20,
+                        sync: true,
+                    },
+                },
+                enable: true,
+            },
+            shape: {
+                type: "squircle",
+            },
+            opacity: {
+                value: 1,
+            },
+            size: {
+                value: {
+                    min: 10,
+                    max: 15,
+                },
+            },
+            links: {
+                enable: false,
+                distance: 100,
+                color: "#ffffff",
+                opacity: 0.4,
+                width: 1,
+            },
+            rotate: {
+                animation: {
+                    enable: true,
+                    speed: 10,
+                    sync: false,
+                },
+            },
+            move: {
+                enable: true,
+                speed: 3,
+            },
+        },
+        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",
+        },
+    };
+    exports.default = options;
+});

package/umd/s/slow.js

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

package/umd/s/snow.js

@@ -19,8 +19,10 @@
                     enable: true,
                 },
             },
-            color: {
-                value: "#fff",
+            fill: {
+                color: {
+                    value: "#fff",
+                },
             },
             shape: {
                 type: "circle",

package/umd/s/soundsAudio.js

@@ -16,12 +16,14 @@
             number: {
                 value: 0,
             },
-            color: {
-                value: "#ff0000",
-                animation: {
-                    enable: true,
-                    speed: 120,
-                    sync: true,
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 120,
+                        sync: true,
+                    },
                 },
             },
             shape: {