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

package/umd/t/test.js

@@ -1,132 +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: "test",
-        name: "Test",
-        background: {
-            color: {
-                value: "#000",
-            },
-        },
-        particles: {
-            groups: {
-                z5000: {
-                    number: {
-                        value: 70,
-                    },
-                    color: {
-                        value: "#f00",
-                    },
-                    zIndex: {
-                        value: 50,
-                    },
-                },
-                z7500: {
-                    number: {
-                        value: 30,
-                    },
-                    color: {
-                        value: "#0f0",
-                    },
-                    zIndex: {
-                        value: 75,
-                    },
-                },
-                z2500: {
-                    number: {
-                        value: 50,
-                    },
-                    color: {
-                        value: "#00f",
-                    },
-                    zIndex: {
-                        value: 25,
-                    },
-                },
-                z1000: {
-                    number: {
-                        value: 40,
-                    },
-                    color: {
-                        value: "#ff0",
-                    },
-                    zIndex: {
-                        value: 10,
-                    },
-                },
-            },
-            zIndex: {
-                value: 5,
-                opacityRate: 0.5,
-                sizeRate: 1,
-                velocityRate: 1,
-            },
-            number: {
-                value: 300,
-            },
-            fill: {
-                color: {
-                    value: "#fff",
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 0.8,
-            },
-            size: {
-                value: 69,
-            },
-            move: {
-                enable: true,
-                speed: 3,
-                direction: 0,
-                angle: 0,
-                outModes: {
-                    default: "destroy",
-                },
-            },
-        },
-        emitters: {
-            autoPlay: true,
-            fill: false,
-            life: {
-                wait: false,
-            },
-            rate: {
-                quantity: 1,
-                delay: 2,
-            },
-            shape: {
-                type: "square",
-            },
-            startCount: 0,
-            size: {
-                mode: "percent",
-                height: 100,
-                width: 0,
-            },
-            particles: {
-                shape: {
-                    type: "square",
-                },
-            },
-            position: {
-                x: 50,
-                y: 50,
-            },
-        },
-    };
-    exports.default = options;
-});

package/umd/t/textMask.js

@@ -1,85 +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 minAlphaFilter = 0, options = {
-        key: "textMask",
-        name: "Text Mask",
-        smooth: true,
-        interactivity: {
-            events: {
-                onHover: {
-                    enable: true,
-                    mode: "bubble",
-                },
-            },
-            modes: {
-                bubble: {
-                    distance: 40,
-                    duration: 2,
-                    opacity: 8,
-                    size: 15,
-                },
-            },
-        },
-        particles: {
-            move: {
-                direction: "none",
-                distance: 2,
-                enable: true,
-                speed: 1,
-            },
-            number: {
-                value: 600,
-            },
-            color: {
-                value: "random",
-            },
-            shape: {
-                type: ["circle", "square", "triangle"],
-            },
-            size: {
-                value: {
-                    min: 1,
-                    max: 3,
-                },
-            },
-        },
-        canvasMask: {
-            enable: true,
-            override: {
-                color: false,
-            },
-            scale: 1,
-            pixels: {
-                filter: (pixel) => pixel.a > minAlphaFilter,
-            },
-            position: {
-                x: 70,
-                y: 30,
-            },
-            text: {
-                color: "#ff0000",
-                font: {
-                    size: 500,
-                },
-                text: "Hello",
-            },
-        },
-        background: {
-            color: "#000000",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/t/textMaskMultiline.js

@@ -1,88 +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 minAlphaFilter = 0, options = {
-        key: "textMaskMultiline",
-        name: "Text Mask Multiline",
-        smooth: true,
-        interactivity: {
-            events: {
-                onHover: {
-                    enable: true,
-                    mode: "bubble",
-                },
-            },
-            modes: {
-                bubble: {
-                    distance: 40,
-                    duration: 2,
-                    opacity: 8,
-                    size: 15,
-                },
-            },
-        },
-        particles: {
-            move: {
-                direction: "none",
-                distance: 2,
-                enable: true,
-                speed: 1,
-            },
-            number: {
-                value: 600,
-            },
-            color: {
-                value: "random",
-            },
-            shape: {
-                type: ["circle", "square", "triangle"],
-            },
-            size: {
-                value: {
-                    min: 1,
-                    max: 3,
-                },
-            },
-        },
-        canvasMask: {
-            enable: true,
-            override: {
-                color: false,
-            },
-            scale: 1,
-            pixels: {
-                filter: (pixel) => pixel.a > minAlphaFilter,
-            },
-            position: {
-                x: 50,
-                y: 50,
-            },
-            text: {
-                color: "#ff0000",
-                font: {
-                    size: 300,
-                },
-                text: "Hello\nWorld\nHello\nWorld",
-                lines: {
-                    spacing: 50,
-                },
-            },
-        },
-        background: {
-            color: "#000000",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/t/themes.js

@@ -1,206 +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: "themes",
-        name: "Themes",
-        themes: [
-            {
-                name: "light",
-                default: {
-                    value: true,
-                    auto: true,
-                    mode: "light",
-                },
-                options: {
-                    background: {
-                        color: "#ffffff",
-                    },
-                    particles: {
-                        fill: {
-                            color: {
-                                value: ["#000000", "#0000ff"],
-                            },
-                            enable: true,
-                        },
-                    },
-                },
-            },
-            {
-                name: "dark",
-                default: {
-                    value: true,
-                    auto: true,
-                    mode: "dark",
-                },
-                options: {
-                    background: {
-                        color: "#000000",
-                    },
-                    particles: {
-                        fill: {
-                            color: {
-                                value: ["#ffffff", "#ff0000"],
-                            },
-                            enable: true,
-                        },
-                    },
-                },
-            },
-            {
-                name: "red",
-                options: {
-                    background: {
-                        color: "#ff0000",
-                    },
-                    particles: {
-                        fill: {
-                            color: {
-                                value: ["#ffffff", "#000000"],
-                            },
-                            enable: true,
-                        },
-                    },
-                },
-            },
-            {
-                name: "green",
-                options: {
-                    background: {
-                        color: "#00ff00",
-                    },
-                    particles: {
-                        fill: {
-                            color: {
-                                value: ["#000000", "#0000ff"],
-                            },
-                            enable: true,
-                        },
-                    },
-                },
-            },
-            {
-                name: "blue",
-                options: {
-                    background: {
-                        color: "#0000ff",
-                    },
-                    particles: {
-                        fill: {
-                            color: {
-                                value: ["#ffffff", "#00ff00"],
-                            },
-                            enable: true,
-                        },
-                    },
-                },
-            },
-            {
-                name: "yellow",
-                options: {
-                    background: {
-                        color: "#ffff00",
-                    },
-                    particles: {
-                        fill: {
-                            color: {
-                                value: ["#000000", "#ff0000"],
-                            },
-                            enable: true,
-                        },
-                    },
-                },
-            },
-            {
-                name: "cyan",
-                options: {
-                    background: {
-                        color: "#00ffff",
-                    },
-                    particles: {
-                        fill: {
-                            color: {
-                                value: ["#000000", "#ff00ff"],
-                            },
-                            enable: true,
-                        },
-                    },
-                },
-            },
-            {
-                name: "grey",
-                options: {
-                    background: {
-                        color: "#777777",
-                    },
-                    particles: {
-                        fill: {
-                            color: {
-                                value: ["#ffffff", "#000000"],
-                            },
-                            enable: true,
-                        },
-                    },
-                },
-            },
-        ],
-        fpsLimit: 60,
-        particles: {
-            number: {
-                value: 30,
-                density: {
-                    enable: true,
-                },
-            },
-            shape: {
-                type: ["circle", "square"],
-            },
-            opacity: {
-                value: 1,
-            },
-            size: {
-                value: {
-                    min: 15,
-                    max: 30,
-                },
-            },
-            rotate: {
-                value: 0,
-                direction: "random",
-                animation: {
-                    speed: 5,
-                    enable: true,
-                },
-            },
-            move: {
-                enable: true,
-                speed: 6,
-                direction: "none",
-                outModes: "out",
-            },
-        },
-        interactivity: {
-            detectsOn: "canvas",
-            events: {
-                onHover: {
-                    enable: true,
-                    mode: "repulse",
-                },
-                onClick: {
-                    enable: true,
-                    mode: "push",
-                },
-            },
-        },
-        detectRetina: true,
-    };
-    exports.default = options;
-});

package/umd/t/tilt.js

@@ -1,107 +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: "tilt",
-        name: "Tilt",
-        background: {
-            color: "#000000",
-        },
-        particles: {
-            bounce: {
-                vertical: {
-                    value: 0,
-                },
-                horizontal: {
-                    value: 0,
-                },
-            },
-            fill: {
-                color: {
-                    value: ["#1E00FF", "#FF0061", "#E1FF00", "#00FF9E"],
-                    animation: {
-                        enable: true,
-                        speed: 30,
-                    },
-                },
-                enable: true,
-            },
-            move: {
-                decay: {
-                    min: 0.05,
-                    max: 0.15,
-                },
-                direction: "top",
-                enable: true,
-                gravity: {
-                    acceleration: 9.81,
-                    enable: true,
-                    maxSpeed: 200,
-                },
-                outModes: {
-                    top: "none",
-                    default: "destroy",
-                },
-                speed: {
-                    min: 50,
-                    max: 150,
-                },
-            },
-            number: {
-                value: 0,
-                limit: { value: 300 },
-            },
-            opacity: {
-                value: 1,
-                animation: {
-                    enable: false,
-                    startValue: "max",
-                    destroy: "min",
-                    speed: 0.3,
-                    sync: true,
-                },
-            },
-            tilt: {
-                direction: "random",
-                enable: true,
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-                animation: {
-                    enable: true,
-                    speed: 60,
-                },
-            },
-            shape: {
-                type: "square",
-            },
-            size: {
-                value: 30,
-            },
-        },
-        emitters: {
-            position: {
-                x: 50,
-                y: 100,
-            },
-            size: {
-                width: 0,
-                height: 0,
-            },
-            rate: {
-                quantity: 5,
-                delay: 0.1,
-            },
-        },
-    };
-    exports.default = options;
-});