@tsparticles/configs 4.0.0-beta.0 → 4.0.0-beta.2

package/umd/r/reactBubbles.js

@@ -1,114 +0,0 @@
-(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: "reactBubbles",
-        name: "React Bubbles",
-        interactivity: {
-            events: {
-                onClick: {
-                    enable: true,
-                    mode: "repulse",
-                },
-                onHover: {
-                    enable: true,
-                    mode: "bubble",
-                },
-            },
-            modes: {
-                bubble: {
-                    distance: 250,
-                    duration: 2,
-                    opacity: 0,
-                    size: 0,
-                },
-                connect: {
-                    distance: 80,
-                    links: {
-                        opacity: 0.5,
-                    },
-                    radius: 60,
-                },
-                grab: {
-                    distance: 180,
-                    links: {
-                        opacity: 0.35,
-                    },
-                },
-                push: {
-                    quantity: 4,
-                },
-                remove: {
-                    quantity: 2,
-                },
-                repulse: {
-                    distance: 200,
-                    duration: 4,
-                },
-                slow: {
-                    factor: 1,
-                    radius: 0,
-                },
-            },
-        },
-        particles: {
-            fill: {
-                color: {
-                    value: "#FFF",
-                },
-                enable: true,
-            },
-            collisions: {
-                enable: true,
-            },
-            move: {
-                direction: "top",
-                enable: true,
-                speed: {
-                    min: 0.1,
-                    max: 1,
-                },
-            },
-            number: {
-                value: 160,
-            },
-            opacity: {
-                animation: {
-                    enable: true,
-                    speed: 1,
-                    sync: false,
-                },
-                value: {
-                    min: 0.1,
-                    max: 0.5,
-                },
-            },
-            shape: {
-                type: "circle",
-            },
-            size: {
-                value: {
-                    min: 1,
-                    max: 3,
-                },
-            },
-        },
-        pauseOnBlur: true,
-        background: {
-            color: "#0d47a1",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/r/reactDefaults.js

@@ -1,63 +0,0 @@
-(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: "reactDefaults",
-        name: "React Defaults",
-        particles: {
-            number: {
-                value: 40,
-            },
-            fill: {
-                color: {
-                    value: "#FFF",
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: {
-                    min: 0.1,
-                    max: 0.5,
-                },
-                animation: {
-                    enable: true,
-                    speed: 1,
-                    sync: false,
-                },
-            },
-            size: {
-                value: 1,
-            },
-            links: {
-                enable: true,
-                distance: 150,
-                color: "#FFF",
-                opacity: 0.6,
-                width: 1,
-            },
-            move: {
-                enable: true,
-                speed: 3,
-                outModes: "bounce",
-            },
-            collisions: {
-                enable: true,
-            },
-        },
-        background: {
-            color: "#0d47a1",
-        },
-    };
-    exports.default = options;
-});

package/umd/r/reactMultipleImages.js

@@ -1,102 +0,0 @@
-(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: "reactMultipleImages",
-        name: "React Multiple Images",
-        particles: {
-            fill: {
-                color: {
-                    value: "#CCC",
-                },
-                enable: true,
-            },
-            collisions: {
-                enable: true,
-            },
-            links: {
-                blink: false,
-                color: "#fff",
-                consent: false,
-                distance: 150,
-                enable: false,
-                opacity: 0.6,
-                width: 1,
-            },
-            move: {
-                enable: true,
-                speed: 1,
-            },
-            number: {
-                density: {
-                    enable: true,
-                },
-                value: 8,
-            },
-            opacity: {
-                animation: {
-                    enable: true,
-                    speed: 1,
-                    sync: false,
-                },
-                value: {
-                    min: 0.1,
-                    max: 0.5,
-                },
-            },
-            shape: {
-                options: {
-                    image: [
-                        {
-                            height: 20,
-                            replaceColor: true,
-                            src: "https://particles.js.org/images/hdr/fruits/cherry.png",
-                            width: 23,
-                        },
-                        {
-                            height: 20,
-                            replaceColor: true,
-                            src: "https://particles.js.org/images/hdr/fruits/grapes.png",
-                            width: 20,
-                        },
-                        {
-                            height: 20,
-                            replaceColor: true,
-                            src: "https://particles.js.org/images/hdr/fruits/lemon.png",
-                            width: 20,
-                        },
-                    ],
-                },
-                type: ["image", "circle"],
-            },
-            size: {
-                animation: {
-                    enable: true,
-                    speed: 4,
-                    sync: false,
-                },
-                value: {
-                    min: 10,
-                    max: 30,
-                },
-            },
-        },
-        pauseOnBlur: true,
-        background: {
-            color: "#0d47a1",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/r/reactNightSky.js

@@ -1,89 +0,0 @@
-(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: "reactNightSky",
-        name: "React Night Sky",
-        interactivity: {
-            events: {
-                onClick: {
-                    enable: true,
-                    mode: "push",
-                },
-            },
-            modes: {
-                push: {
-                    quantity: 1,
-                },
-            },
-        },
-        particles: {
-            fill: {
-                color: {
-                    value: "#FFF",
-                },
-                enable: true,
-            },
-            links: {
-                blink: false,
-                color: {
-                    value: "#fff",
-                },
-                consent: false,
-                distance: 150,
-                enable: true,
-                opacity: 0.02,
-                width: 1,
-            },
-            move: {
-                direction: "right",
-                enable: true,
-                outModes: "bounce",
-                speed: 0.05,
-            },
-            collisions: {
-                enable: true,
-            },
-            number: {
-                density: {
-                    enable: true,
-                },
-                value: 60,
-            },
-            opacity: {
-                animation: {
-                    enable: true,
-                    speed: 1,
-                    sync: false,
-                },
-                value: {
-                    min: 0.05,
-                    max: 0.5,
-                },
-            },
-            shape: {
-                type: "circle",
-            },
-            size: {
-                value: 1,
-            },
-        },
-        pauseOnBlur: true,
-        background: {
-            color: "#0d47a1",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/r/reactPolygonMask.js

@@ -1,106 +0,0 @@
-(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: "reactPolygonMask",
-        name: "React Polygon Mask",
-        interactivity: {
-            events: {
-                onHover: {
-                    enable: true,
-                    mode: "bubble",
-                },
-            },
-            modes: {
-                bubble: {
-                    distance: 40,
-                    duration: 0.4,
-                    opacity: 1,
-                    size: 6,
-                },
-            },
-        },
-        particles: {
-            fill: {
-                color: {
-                    value: "#FFF",
-                },
-                enable: true,
-            },
-            links: {
-                blink: false,
-                color: {
-                    value: "#fff",
-                },
-                consent: false,
-                distance: 30,
-                enable: true,
-                opacity: 0.4,
-                width: 1,
-            },
-            move: {
-                enable: true,
-                outModes: "bounce",
-                speed: 1,
-            },
-            number: {
-                value: 200,
-            },
-            opacity: {
-                animation: {
-                    enable: true,
-                    speed: 2,
-                    sync: false,
-                },
-                value: {
-                    min: 0.05,
-                    max: 0.4,
-                },
-            },
-            shape: {
-                type: "circle",
-            },
-            size: {
-                value: 1,
-            },
-        },
-        polygon: {
-            draw: {
-                enable: true,
-                stroke: {
-                    color: "rgba(255, 255, 255, .2)",
-                    width: 0.5,
-                    opacity: 0.2,
-                },
-            },
-            enable: true,
-            inline: {
-                arrangement: "equidistant",
-            },
-            move: {
-                radius: 10,
-                type: "path",
-            },
-            scale: 0.5,
-            type: "inline",
-            url: "https://particles.js.org/images/hdr/smalldeer.svg",
-        },
-        pauseOnBlur: true,
-        background: {
-            color: "#0d47a1",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/r/reactSimple.js

@@ -1,100 +0,0 @@
-(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: "reactSimple",
-        name: "React Simple",
-        interactivity: {
-            events: {
-                onHover: {
-                    enable: true,
-                    mode: "repulse",
-                },
-            },
-            modes: {
-                repulse: {
-                    distance: 100,
-                    duration: 5,
-                },
-            },
-        },
-        particles: {
-            fill: {
-                color: {
-                    value: "#FFF",
-                },
-                enable: true,
-            },
-            links: {
-                blink: false,
-                color: {
-                    value: "#fff",
-                },
-                consent: false,
-                distance: 150,
-                enable: true,
-                opacity: 0.6,
-                width: 1,
-            },
-            move: {
-                enable: true,
-                outModes: "bounce",
-                speed: 3,
-            },
-            collisions: {
-                enable: true,
-            },
-            number: {
-                value: 50,
-            },
-            opacity: {
-                animation: {
-                    enable: true,
-                    speed: 1,
-                    sync: false,
-                },
-                value: {
-                    min: 0.1,
-                    max: 0.5,
-                },
-            },
-            shape: {
-                type: "circle",
-            },
-            size: {
-                value: 3,
-            },
-            stroke: {
-                color: {
-                    value: "#ff0000",
-                },
-                width: 0,
-                opacity: 1,
-            },
-        },
-        backgroundMask: {
-            cover: {
-                color: "#fff",
-                opacity: 1,
-            },
-            enable: false,
-        },
-        pauseOnBlur: true,
-        background: {
-            color: "#0d47a1",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/r/reactSnow.js

@@ -1,118 +0,0 @@
-(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: "reactSnow",
-        name: "React Snow",
-        interactivity: {
-            events: {
-                onClick: {
-                    enable: true,
-                    mode: "remove",
-                },
-            },
-            modes: {
-                bubble: {
-                    distance: 200,
-                    duration: 0.4,
-                    opacity: 1,
-                    size: 80,
-                },
-                connect: {
-                    distance: 80,
-                    links: {
-                        opacity: 0.5,
-                    },
-                    radius: 60,
-                },
-                grab: {
-                    distance: 180,
-                    links: {
-                        opacity: 0.35,
-                    },
-                },
-                push: {
-                    quantity: 4,
-                },
-                remove: {
-                    quantity: 10,
-                },
-                repulse: {
-                    distance: 100,
-                    duration: 5,
-                },
-                slow: {
-                    factor: 1,
-                    radius: 0,
-                },
-            },
-        },
-        particles: {
-            fill: {
-                color: {
-                    value: "#FFF",
-                },
-                enable: true,
-            },
-            links: {
-                blink: false,
-                color: {
-                    value: "#fff",
-                },
-                consent: false,
-                distance: 150,
-                enable: false,
-                opacity: 0.6,
-                width: 1,
-            },
-            move: {
-                direction: "bottom",
-                enable: true,
-                speed: 3,
-            },
-            collisions: {
-                enable: true,
-            },
-            number: {
-                value: 160,
-            },
-            opacity: {
-                animation: {
-                    enable: true,
-                    speed: 1,
-                    sync: false,
-                },
-                value: {
-                    min: 0.1,
-                    max: 0.5,
-                },
-            },
-            shape: {
-                type: "circle",
-            },
-            size: {
-                value: {
-                    min: 1,
-                    max: 10,
-                },
-            },
-        },
-        pauseOnBlur: true,
-        background: {
-            color: "#0d47a1",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});