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

package/umd/i/imageMask.js

@@ -1,73 +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 minFilterValue = 30, minFilterAlpha = 0, options = {
-        key: "imageMask",
-        name: "Image 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: 10,
-                enable: true,
-                speed: 1,
-            },
-            number: {
-                value: 600,
-            },
-            shape: {
-                type: ["circle", "square", "triangle"],
-            },
-            size: {
-                value: {
-                    min: 3,
-                    max: 5,
-                },
-            },
-        },
-        canvasMask: {
-            enable: true,
-            scale: 5,
-            pixels: {
-                filter: (pixel) => pixel.r < minFilterValue && pixel.g < minFilterValue && pixel.b < minFilterValue
-                    ? false
-                    : pixel.a > minFilterAlpha,
-            },
-            image: {
-                src: "https://particles.js.org/images/hdr/amongus_cyan.png",
-            },
-        },
-        background: {
-            color: "#000000",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/i/images.js

@@ -1,226 +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: "images",
-        name: "Images",
-        interactivity: {
-            events: {
-                onClick: {
-                    enable: true,
-                    mode: "push",
-                },
-                onHover: {
-                    enable: true,
-                    mode: "bubble",
-                },
-            },
-            modes: {
-                bubble: {
-                    distance: 400,
-                    duration: 2,
-                    opacity: 0.8,
-                    size: 40,
-                },
-                push: {
-                    quantity: 4,
-                },
-            },
-        },
-        particles: {
-            move: {
-                enable: true,
-                speed: 2,
-            },
-            number: {
-                density: {
-                    enable: true,
-                },
-                value: 80,
-            },
-            opacity: {
-                value: 1,
-            },
-            rotate: {
-                animation: {
-                    enable: true,
-                    speed: 5,
-                    sync: false,
-                },
-                direction: "random",
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-            },
-            shape: {
-                options: {
-                    image: [
-                        {
-                            name: "apple",
-                        },
-                        {
-                            name: "avocado",
-                        },
-                        {
-                            name: "banana",
-                        },
-                        {
-                            name: "berries",
-                        },
-                        {
-                            name: "cherry",
-                        },
-                        {
-                            name: "grapes",
-                        },
-                        {
-                            name: "lemon",
-                        },
-                        {
-                            name: "orange",
-                        },
-                        {
-                            name: "peach",
-                        },
-                        {
-                            name: "pear",
-                        },
-                        {
-                            name: "pepper",
-                        },
-                        {
-                            name: "plum",
-                        },
-                        {
-                            name: "star",
-                        },
-                        {
-                            name: "strawberry",
-                        },
-                        {
-                            name: "watermelon",
-                        },
-                        {
-                            name: "watermelon_slice",
-                        },
-                    ],
-                },
-                type: "image",
-            },
-            size: {
-                value: 16,
-            },
-        },
-        background: {
-            color: "#fff",
-        },
-        preload: [
-            {
-                src: "https://particles.js.org/images/hdr/fruits/apple.png",
-                name: "apple",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/avocado.png",
-                name: "avocado",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/banana.png",
-                name: "banana",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/berries.png",
-                name: "berries",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/cherry.png",
-                name: "cherry",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/grapes.png",
-                name: "grapes",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/lemon.png",
-                name: "lemon",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/orange.png",
-                name: "orange",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/peach.png",
-                name: "peach",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/pear.png",
-                name: "pear",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/pepper.png",
-                name: "pepper",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/plum.png",
-                name: "plum",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/star.png",
-                name: "star",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/strawberry.png",
-                name: "strawberry",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/watermelon.png",
-                name: "watermelon",
-                width: 32,
-                height: 32,
-            },
-            {
-                src: "https://particles.js.org/images/hdr/fruits/watermelon_slice.png",
-                name: "watermelon_slice",
-                width: 32,
-                height: 32,
-            },
-        ],
-    };
-    exports.default = options;
-});

package/umd/i/imagesDirections.js

@@ -1,122 +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", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const engine_1 = require("@tsparticles/engine");
-    const options = {
-        key: "imagesDirections",
-        name: "Images with Custom Directions",
-        interactivity: {
-            events: {
-                onClick: {
-                    enable: true,
-                    mode: "push",
-                },
-                onHover: {
-                    enable: true,
-                    mode: "bubble",
-                },
-            },
-            modes: {
-                bubble: {
-                    distance: 400,
-                    duration: 2,
-                    opacity: 0.8,
-                    size: 40,
-                },
-                push: {
-                    quantity: 4,
-                },
-            },
-        },
-        particles: {
-            move: {
-                direction: "none",
-                enable: true,
-                speed: 2,
-            },
-            number: {
-                density: {
-                    enable: true,
-                },
-                value: 80,
-            },
-            opacity: {
-                value: 1,
-            },
-            rotate: {
-                animation: {
-                    enable: true,
-                    speed: 5,
-                    sync: false,
-                },
-                direction: "random",
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-            },
-            shape: {
-                type: "image",
-                options: {
-                    image: [
-                        {
-                            src: "https://particles.js.org/images/hdr/fruits/apple.png",
-                            width: 32,
-                            height: 32,
-                            particles: {
-                                move: {
-                                    direction: engine_1.MoveDirection.top,
-                                },
-                            },
-                        },
-                        {
-                            src: "https://particles.js.org/images/hdr/fruits/avocado.png",
-                            width: 32,
-                            height: 32,
-                            particles: {
-                                move: {
-                                    direction: engine_1.MoveDirection.bottom,
-                                },
-                            },
-                        },
-                    ],
-                },
-            },
-            size: {
-                value: 16,
-            },
-        },
-        polygon: {
-            draw: {
-                enable: false,
-                stroke: {
-                    color: "#fff",
-                    width: 0.5,
-                    opacity: 0.2,
-                },
-            },
-            move: {
-                radius: 10,
-            },
-            scale: 1,
-            type: "none",
-            url: "",
-        },
-        background: {
-            color: "#fff",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/i/index.js

@@ -1,25 +0,0 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-(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", "./imageMask.js", "./images.js", "./imagesDirections.js", "./infection.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const imageMask_js_1 = __importDefault(require("./imageMask.js"));
-    const images_js_1 = __importDefault(require("./images.js"));
-    const imagesDirections_js_1 = __importDefault(require("./imagesDirections.js"));
-    const infection_js_1 = __importDefault(require("./infection.js"));
-    exports.default = {
-        imageMask: imageMask_js_1.default,
-        images: images_js_1.default,
-        imagesDirections: imagesDirections_js_1.default,
-        infection: infection_js_1.default,
-    };
-});

package/umd/i/infection.js

@@ -1,93 +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: "infection",
-        name: "Infection",
-        infection: {
-            enable: true,
-            infections: 10,
-            cure: true,
-            stages: [
-                {
-                    color: "#ff0000",
-                    duration: 1,
-                },
-                {
-                    color: "#ffa500",
-                    duration: 1,
-                    rate: 2,
-                },
-                {
-                    color: "#ffff00",
-                    duration: 1,
-                    rate: 2,
-                },
-                {
-                    color: "#008000",
-                    duration: 1,
-                    rate: 3,
-                },
-                {
-                    color: "#0000ff",
-                    duration: 1,
-                    rate: 4,
-                },
-                {
-                    color: "#4b0082",
-                    duration: 1,
-                    rate: 5,
-                },
-                {
-                    color: "#ee82ee",
-                    duration: 1,
-                    rate: 6,
-                    infectedStage: 0,
-                },
-            ],
-        },
-        particles: {
-            collisions: {
-                enable: true,
-            },
-            number: {
-                value: 400,
-                density: {
-                    enable: true,
-                },
-            },
-            fill: {
-                color: {
-                    value: "#ffffff",
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 0.8,
-            },
-            size: {
-                value: 5,
-            },
-            move: {
-                enable: true,
-                speed: 20,
-                outModes: "bounce",
-            },
-        },
-        background: {
-            color: "#000000",
-        },
-    };
-    exports.default = options;
-});

package/umd/index.js

@@ -1,86 +0,0 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-(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", "@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";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const engine_1 = require("@tsparticles/engine");
-    const index_js_1 = __importDefault(require("./a/index.js"));
-    const index_js_2 = __importDefault(require("./b/index.js"));
-    const index_js_3 = __importDefault(require("./c/index.js"));
-    const index_js_4 = __importDefault(require("./d/index.js"));
-    const index_js_5 = __importDefault(require("./e/index.js"));
-    const index_js_6 = __importDefault(require("./f/index.js"));
-    const index_js_7 = __importDefault(require("./g/index.js"));
-    const index_js_8 = __importDefault(require("./h/index.js"));
-    const index_js_9 = __importDefault(require("./i/index.js"));
-    const index_js_10 = __importDefault(require("./j/index.js"));
-    const index_js_11 = __importDefault(require("./k/index.js"));
-    const index_js_12 = __importDefault(require("./l/index.js"));
-    const index_js_13 = __importDefault(require("./m/index.js"));
-    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"));
-    const index_js_20 = __importDefault(require("./t/index.js"));
-    const index_js_21 = __importDefault(require("./u/index.js"));
-    const index_js_22 = __importDefault(require("./v/index.js"));
-    const index_js_23 = __importDefault(require("./w/index.js"));
-    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.addPalette(key, palette);
-    }
-    const configs = {
-        ...index_js_1.default,
-        ...index_js_2.default,
-        ...index_js_3.default,
-        ...index_js_4.default,
-        ...index_js_5.default,
-        ...index_js_6.default,
-        ...index_js_7.default,
-        ...index_js_8.default,
-        ...index_js_9.default,
-        ...index_js_10.default,
-        ...index_js_11.default,
-        ...index_js_12.default,
-        ...index_js_13.default,
-        ...index_js_14.default,
-        ...index_js_15.default,
-        ...index_js_16.default,
-        ...index_js_17.default,
-        ...index_js_18.default,
-        ...index_js_19.default,
-        ...index_js_20.default,
-        ...index_js_21.default,
-        ...index_js_22.default,
-        ...index_js_23.default,
-        ...index_js_24.default,
-        ...index_js_25.default,
-        ...index_js_26.default,
-    };
-    for (const key of Object.keys(configs)) {
-        const config = configs[key];
-        if (!config) {
-            continue;
-        }
-        engine_1.tsParticles.addConfig(config);
-    }
-    exports.default = configs;
-});

package/umd/j/index.js

@@ -1,13 +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 });
-    exports.default = {};
-});

package/umd/k/index.js

@@ -1,13 +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 });
-    exports.default = {};
-});

package/umd/l/index.js

@@ -1,27 +0,0 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-(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", "./lch.js", "./life.js", "./lightHover.js", "./linkTriangles.js", "./localPolygonMask.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const lch_js_1 = __importDefault(require("./lch.js"));
-    const life_js_1 = __importDefault(require("./life.js"));
-    const lightHover_js_1 = __importDefault(require("./lightHover.js"));
-    const linkTriangles_js_1 = __importDefault(require("./linkTriangles.js"));
-    const localPolygonMask_js_1 = __importDefault(require("./localPolygonMask.js"));
-    exports.default = {
-        lch: lch_js_1.default,
-        life: life_js_1.default,
-        lightHover: lightHover_js_1.default,
-        linkTriangles: linkTriangles_js_1.default,
-        localPolygonMask: localPolygonMask_js_1.default,
-    };
-});