@tsparticles/configs 3.0.0-beta.0

package/umd/h/hexagonPath.js

@@ -0,0 +1,84 @@
+(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 = {
+        name: "Hexagon Path",
+        particles: {
+            color: {
+                value: "#FF0000",
+                animation: {
+                    enable: true,
+                    speed: 10,
+                },
+            },
+            move: {
+                direction: "none",
+                enable: true,
+                outModes: {
+                    default: "destroy",
+                },
+                path: {
+                    clamp: false,
+                    enable: true,
+                    delay: {
+                        value: 0,
+                    },
+                    generator: "polygonPathGenerator",
+                    options: {
+                        sides: 6,
+                        turnSteps: 30,
+                        angle: 30,
+                    },
+                },
+                speed: 3,
+                trail: {
+                    fill: { color: "#000" },
+                    length: 20,
+                    enable: true,
+                },
+            },
+            number: {
+                density: {
+                    enable: true,
+                },
+                value: 0,
+            },
+            opacity: {
+                value: 1,
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: 2,
+            },
+        },
+        background: {
+            color: "#000",
+        },
+        emitters: {
+            direction: "none",
+            rate: {
+                quantity: 1,
+                delay: 0.25,
+            },
+            size: {
+                width: 0,
+                height: 0,
+            },
+            position: {
+                x: 50,
+                y: 50,
+            },
+        },
+    };
+    exports.default = options;
+});

package/umd/h/hollowknight.js

@@ -0,0 +1,127 @@
+(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 = {
+        name: "Hollow Knight",
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "bubble",
+                },
+            },
+            modes: {
+                bubble: {
+                    distance: 40,
+                    duration: 2,
+                    opacity: 8,
+                    size: 6,
+                },
+                connect: {
+                    distance: 80,
+                    links: {
+                        opacity: 0.5,
+                    },
+                    radius: 60,
+                },
+                grab: {
+                    distance: 400,
+                    links: {
+                        opacity: 1,
+                    },
+                },
+                push: {
+                    quantity: 4,
+                },
+                remove: {
+                    quantity: 2,
+                },
+                repulse: {
+                    distance: 200,
+                    duration: 0.4,
+                },
+                slow: {
+                    active: false,
+                    radius: 0,
+                    factor: 1,
+                },
+            },
+        },
+        particles: {
+            color: {
+                value: "#ffffff",
+            },
+            links: {
+                blink: false,
+                color: "#ffffff",
+                consent: false,
+                distance: 25,
+                enable: true,
+                opacity: 0.4,
+                width: 1,
+            },
+            move: {
+                enable: true,
+                outModes: "bounce",
+                speed: 1,
+            },
+            number: {
+                density: {
+                    enable: false,
+                },
+                limit: 0,
+                value: 400,
+            },
+            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,
+                lineColor: "rgba(255,255,255,0.2)",
+                lineWidth: 0.5,
+            },
+            enable: true,
+            move: {
+                radius: 10,
+            },
+            inline: {
+                arrangement: "equidistant",
+            },
+            scale: 2,
+            type: "inline",
+            url: "https://particles.js.org/images/hollowknight.svg",
+        },
+        background: {
+            color: "#000000",
+            image: "",
+            position: "50% 50%",
+            repeat: "no-repeat",
+            size: "cover",
+        },
+    };
+    exports.default = options;
+});

package/umd/h/hyperspace.js

@@ -0,0 +1,76 @@
+(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 = {
+        name: "Hyperspace",
+        background: {
+            color: "#000",
+        },
+        particles: {
+            color: {
+                value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
+            },
+            move: {
+                enable: true,
+                outModes: {
+                    default: "destroy",
+                },
+                speed: 3,
+                trail: {
+                    fill: { color: "#000" },
+                    length: 30,
+                    enable: true,
+                },
+            },
+            number: {
+                density: {
+                    enable: true,
+                },
+                value: 0,
+            },
+            opacity: {
+                value: 1,
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: {
+                    min: 1,
+                    max: 25,
+                },
+                animation: {
+                    startValue: "min",
+                    enable: true,
+                    speed: 2,
+                    destroy: "max",
+                    sync: true,
+                },
+            },
+        },
+        emitters: {
+            direction: "none",
+            rate: {
+                quantity: 5,
+                delay: 0.3,
+            },
+            size: {
+                width: 0,
+                height: 0,
+            },
+            position: {
+                x: 50,
+                y: 50,
+            },
+        },
+    };
+    exports.default = options;
+});

package/umd/h/index.js

@@ -0,0 +1,23 @@
+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", "./hexagonPath", "./hollowknight", "./hyperspace"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const hexagonPath_1 = __importDefault(require("./hexagonPath"));
+    const hollowknight_1 = __importDefault(require("./hollowknight"));
+    const hyperspace_1 = __importDefault(require("./hyperspace"));
+    exports.default = {
+        hexagonPath: hexagonPath_1.default,
+        hollowknight: hollowknight_1.default,
+        hyperspace: hyperspace_1.default,
+    };
+});

package/umd/i/imageMask.js

@@ -0,0 +1,75 @@
+(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 = {
+        name: "Image Mask",
+        smooth: true,
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "bubble",
+                    parallax: {
+                        enable: false,
+                        force: 2,
+                        smooth: 10,
+                    },
+                },
+            },
+            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: "pixelFilter",
+            },
+            image: {
+                src: "https://particles.js.org/images/amongus_cyan.png",
+            },
+        },
+        background: {
+            color: "#000000",
+            image: "",
+            position: "50% 50%",
+            repeat: "no-repeat",
+            size: "cover",
+        },
+    };
+    exports.default = options;
+});

package/umd/i/images.js

@@ -0,0 +1,229 @@
+(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 = {
+        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: {
+            color: {
+                value: "#ffffff",
+            },
+            move: {
+                enable: true,
+                speed: 2,
+            },
+            number: {
+                density: {
+                    enable: true,
+                },
+                limit: 0,
+                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/fruits/apple.png",
+                name: "apple",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/avocado.png",
+                name: "avocado",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/banana.png",
+                name: "banana",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/berries.png",
+                name: "berries",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/cherry.png",
+                name: "cherry",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/grapes.png",
+                name: "grapes",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/lemon.png",
+                name: "lemon",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/orange.png",
+                name: "orange",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/peach.png",
+                name: "peach",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/pear.png",
+                name: "pear",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/pepper.png",
+                name: "pepper",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/plum.png",
+                name: "plum",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/star.png",
+                name: "star",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/strawberry.png",
+                name: "strawberry",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/watermelon.png",
+                name: "watermelon",
+                width: 32,
+                height: 32,
+            },
+            {
+                src: "https://particles.js.org/images/fruits/watermelon_slice.png",
+                name: "watermelon_slice",
+                width: 32,
+                height: 32,
+            },
+        ],
+    };
+    exports.default = options;
+});