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

package/umd/e/emitter.js

@@ -1,280 +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: "emitter",
-        name: "Emitter",
-        particles: {
-            number: {
-                value: 100,
-                density: {
-                    enable: false,
-                },
-            },
-            fill: {
-                color: {
-                    value: "#000",
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 0.5,
-            },
-            size: {
-                value: {
-                    min: 1,
-                    max: 5,
-                },
-            },
-            links: {
-                enable: true,
-                distance: 150,
-                color: "#000",
-                opacity: 0.4,
-                width: 1,
-            },
-            move: {
-                enable: true,
-                speed: 2,
-            },
-        },
-        interactivity: {
-            events: {
-                onClick: {
-                    enable: true,
-                    mode: "emitters",
-                },
-            },
-            modes: {
-                emitters: {
-                    life: {
-                        count: 10,
-                        delay: 0.5,
-                        duration: 3,
-                    },
-                    particles: {
-                        shape: {
-                            type: "star",
-                            options: {
-                                star: {
-                                    sides: 7,
-                                },
-                            },
-                        },
-                        rotate: {
-                            value: {
-                                min: 0,
-                                max: 360,
-                            },
-                            direction: "clockwise",
-                            animation: {
-                                enable: true,
-                                speed: 15,
-                                sync: false,
-                            },
-                        },
-                        fill: {
-                            color: {
-                                value: "#f0f",
-                            },
-                            enable: true,
-                        },
-                        links: {
-                            enable: false,
-                        },
-                        opacity: {
-                            value: 1,
-                        },
-                        size: {
-                            value: 15,
-                        },
-                        move: {
-                            speed: 20,
-                            outModes: engine_1.OutMode.destroy,
-                        },
-                    },
-                },
-                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: "#fff",
-        },
-        emitters: [
-            {
-                life: {
-                    count: 10,
-                    delay: 0.5,
-                    duration: 3,
-                },
-                particles: {
-                    shape: {
-                        type: "polygon",
-                        options: {
-                            polygon: {
-                                sides: 6,
-                            },
-                        },
-                    },
-                    rotate: {
-                        value: {
-                            min: 0,
-                            max: 360,
-                        },
-                        direction: "clockwise",
-                        animation: {
-                            enable: true,
-                            speed: 15,
-                            sync: false,
-                        },
-                    },
-                    fill: {
-                        color: {
-                            value: "#0f0",
-                        },
-                        enable: true,
-                    },
-                    links: {
-                        enable: false,
-                    },
-                    opacity: {
-                        value: 1,
-                    },
-                    size: {
-                        value: 15,
-                    },
-                    move: {
-                        speed: 20,
-                        outModes: engine_1.OutMode.destroy,
-                    },
-                },
-            },
-            {
-                direction: "top-right",
-                position: {
-                    x: 0,
-                    y: 100,
-                },
-                particles: {
-                    shape: {
-                        type: "star",
-                    },
-                    fill: {
-                        color: {
-                            value: "#f00",
-                        },
-                        enable: true,
-                    },
-                    links: {
-                        enable: true,
-                        id: "emitter1",
-                        color: {
-                            value: "#ff7700",
-                        },
-                    },
-                    opacity: {
-                        value: 0.3,
-                    },
-                    rotate: {
-                        value: {
-                            min: 0,
-                            max: 360,
-                        },
-                        direction: "counter-clockwise",
-                        animation: {
-                            enable: true,
-                            speed: 15,
-                            sync: false,
-                        },
-                    },
-                    size: {
-                        value: {
-                            min: 1,
-                            max: 10,
-                        },
-                    },
-                    move: {
-                        speed: 10,
-                        outModes: engine_1.OutMode.destroy,
-                    },
-                },
-            },
-            {
-                direction: "top-left",
-                position: {
-                    x: 100,
-                    y: 100,
-                },
-                particles: {
-                    shape: {
-                        type: "square",
-                    },
-                    rotate: {
-                        value: {
-                            min: 0,
-                            max: 360,
-                        },
-                        direction: "clockwise",
-                        animation: {
-                            enable: true,
-                            speed: 15,
-                            sync: false,
-                        },
-                    },
-                    fill: {
-                        color: {
-                            value: "#00f",
-                        },
-                        enable: true,
-                    },
-                    links: {
-                        enable: false,
-                    },
-                    opacity: {
-                        value: 0.8,
-                    },
-                    size: {
-                        value: 15,
-                    },
-                    move: {
-                        speed: 20,
-                        outModes: engine_1.OutMode.destroy,
-                    },
-                },
-            },
-        ],
-    };
-    exports.default = options;
-});

package/umd/e/emitterAbsorber.js

@@ -1,155 +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: "emitterAbsorber",
-        name: "Emitter and Absorber",
-        particles: {
-            number: {
-                value: 0,
-            },
-            fill: {
-                color: {
-                    value: "#000",
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 0.5,
-            },
-            size: {
-                value: {
-                    min: 1,
-                    max: 5,
-                },
-            },
-            links: {
-                enable: true,
-                distance: 150,
-                color: "#000",
-                opacity: 0.4,
-                width: 1,
-            },
-            move: {
-                enable: true,
-                speed: 2,
-            },
-        },
-        interactivity: {
-            events: {
-                onHover: {
-                    enable: false,
-                    mode: "repulse",
-                },
-                onClick: {
-                    enable: false,
-                    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: "#fff",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-        absorbers: {
-            position: {
-                x: 50,
-                y: 50,
-            },
-            size: {
-                density: 20,
-                value: {
-                    min: 30,
-                    max: 50,
-                },
-                limit: 100,
-            },
-        },
-        emitters: [
-            {
-                direction: "top-right",
-                position: {
-                    x: 0,
-                    y: 100,
-                },
-                particles: {
-                    shape: {
-                        type: "circle",
-                    },
-                    fill: {
-                        color: {
-                            value: "random",
-                        },
-                        enable: true,
-                    },
-                    links: {
-                        enable: false,
-                    },
-                    opacity: {
-                        value: 0.3,
-                    },
-                    rotate: {
-                        value: {
-                            min: 0,
-                            max: 360,
-                        },
-                        direction: "counter-clockwise",
-                        animation: {
-                            enable: true,
-                            speed: 15,
-                            sync: false,
-                        },
-                    },
-                    size: {
-                        value: {
-                            min: 5,
-                            max: 10,
-                        },
-                    },
-                    move: {
-                        speed: 5,
-                        outModes: "bounce",
-                    },
-                },
-            },
-        ],
-    };
-    exports.default = options;
-});

package/umd/e/emitterAngled.js

@@ -1,72 +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: "emitterAngled",
-        name: "Emitter Angled",
-        particles: {
-            number: {
-                value: 0,
-            },
-            fill: {
-                color: {
-                    value: "random",
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 0.5,
-            },
-            size: {
-                value: {
-                    min: 5,
-                    max: 10,
-                },
-            },
-            move: {
-                angle: {
-                    offset: 0,
-                    value: 30,
-                },
-                enable: true,
-                speed: 15,
-                direction: "top",
-                outModes: {
-                    default: "destroy",
-                },
-            },
-        },
-        background: {
-            color: "#fff",
-        },
-        emitters: [
-            {
-                direction: "top",
-                position: {
-                    x: {
-                        min: 25,
-                        max: 75,
-                    },
-                    y: 100,
-                },
-                life: {
-                    duration: 3,
-                    delay: 5,
-                    count: 0,
-                },
-            },
-        ],
-    };
-    exports.default = options;
-});

package/umd/e/emitterImageShape.js

@@ -1,111 +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, rate = {
-        delay: 0.1,
-        quantity: 100,
-    }, generateEmitter = (shape, options, fill, position) => {
-        return {
-            shape: {
-                replace: {
-                    color: true,
-                    opacity: true,
-                },
-                type: shape,
-                options,
-            },
-            position: position,
-            size: {
-                width: 500,
-                height: 500,
-                mode: "precise",
-            },
-            startCount: 300,
-            rate,
-            fill,
-        };
-    }, options = {
-        key: "emitterImageShape",
-        name: "Emitter Image Shape",
-        particles: {
-            number: {
-                value: 0,
-            },
-            fill: {
-                color: {
-                    value: [
-                        "#f44336",
-                        "#e91e63",
-                        "#9c27b0",
-                        "#673ab7",
-                        "#3f51b5",
-                        "#2196f3",
-                        "#03a9f4",
-                        "#00bcd4",
-                        "#009688",
-                        "#4CAF50",
-                        "#8BC34A",
-                        "#CDDC39",
-                        "#FFEB3B",
-                        "#FFC107",
-                        "#FF9800",
-                        "#FF5722",
-                    ],
-                },
-                enable: true,
-            },
-            life: {
-                count: 1,
-                duration: {
-                    value: 1.5,
-                },
-            },
-            move: {
-                enable: true,
-                speed: 0.5,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 1,
-            },
-            size: {
-                value: { min: 1, max: 10 },
-                animation: {
-                    enable: true,
-                    speed: 30,
-                    sync: true,
-                    startValue: "min",
-                    count: 2,
-                },
-            },
-        },
-        background: {
-            color: "#fff",
-        },
-        emitters: [
-            generateEmitter("canvas", {
-                scale: 5,
-                pixels: {
-                    filter: (pixel) => pixel.r < minFilterValue && pixel.g < minFilterValue && pixel.b < minFilterValue
-                        ? false
-                        : pixel.a > minFilterAlpha,
-                    offset: 4,
-                },
-                image: {
-                    src: "https://particles.js.org/images/hdr/amongus_cyan.png",
-                },
-            }, true, { x: 50, y: 50 }),
-        ],
-    };
-    exports.default = options;
-});