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

package/umd/e/emitterImages.js

@@ -1,145 +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: "emitterImages",
-        name: "Emitter Images",
-        particles: {
-            move: {
-                enable: true,
-                outModes: "destroy",
-                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: "circle",
-            },
-            size: {
-                value: 16,
-            },
-        },
-        background: {
-            color: "#fff",
-        },
-        emitters: {
-            particles: {
-                shape: {
-                    type: "image",
-                    options: {
-                        image: [
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/apple.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/avocado.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/banana.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/berries.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/cherry.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/grapes.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/lemon.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/orange.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/peach.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/pear.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/pepper.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/plum.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/star.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/strawberry.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/watermelon.png",
-                                width: 32,
-                                height: 32,
-                            },
-                            {
-                                src: "https://particles.js.org/images/hdr/fruits/watermelon_slice.png",
-                                width: 32,
-                                height: 32,
-                            },
-                        ],
-                    },
-                },
-            },
-        },
-    };
-    exports.default = options;
-});

package/umd/e/emitterPaths.js

@@ -1,104 +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: "emitterPaths",
-        name: "Emitter Paths",
-        particles: {
-            number: {
-                value: 0,
-            },
-            fill: {
-                color: {
-                    value: "#000000",
-                },
-                enable: true,
-            },
-            move: {
-                enable: true,
-                outModes: "destroy",
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 1,
-            },
-            size: {
-                value: 3,
-            },
-        },
-        background: {
-            color: "#fff",
-        },
-        emitters: [
-            {
-                position: {
-                    x: 33,
-                    y: 50,
-                },
-                rate: {
-                    value: 0.5,
-                },
-                particles: {
-                    life: {
-                        count: 1,
-                        duration: {
-                            value: 10,
-                        },
-                    },
-                    move: {
-                        path: {
-                            clamp: false,
-                            enable: true,
-                            delay: {
-                                value: 0,
-                            },
-                            generator: "polygonPathGenerator",
-                            options: {
-                                sides: 6,
-                                turnSteps: 30,
-                                angle: 30,
-                            },
-                        },
-                    },
-                },
-            },
-            {
-                position: {
-                    x: 67,
-                    y: 50,
-                },
-                rate: {
-                    value: 0.5,
-                },
-                particles: {
-                    move: {
-                        path: {
-                            clamp: false,
-                            enable: true,
-                            delay: {
-                                value: 0,
-                            },
-                            generator: "curvesPathGenerator",
-                        },
-                    },
-                },
-            },
-        ],
-        trail: {
-            enable: true,
-            fill: { color: "#fff" },
-            length: 20,
-        },
-    };
-    exports.default = options;
-});

package/umd/e/emitterShapes.js

@@ -1,95 +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 rate = {
-        delay: 0.1,
-        quantity: 3,
-    }, generateEmitter = (shape, options, fill, position) => {
-        return {
-            shape: {
-                type: shape,
-                options,
-            },
-            position: position,
-            size: {
-                width: 200,
-                height: 200,
-                mode: "precise",
-            },
-            life: {
-                duration: 10,
-                delay: 0.5,
-                count: 1,
-            },
-            rate,
-            fill,
-        };
-    }, path = [
-        { x: 0, y: 0 },
-        { x: 0, y: 50 },
-        { x: 25, y: 50 },
-        { x: 0, y: 100 },
-        { x: 50, y: 100 },
-        { x: 50, y: 75 },
-        { x: 100, y: 100 },
-        { x: 100, y: 50 },
-        { x: 75, y: 50 },
-        { x: 100, y: 0 },
-        { x: 50, y: 0 },
-        { x: 50, y: 25 },
-    ], options = {
-        key: "emitterShapes",
-        name: "Emitter Shapes",
-        particles: {
-            number: {
-                value: 0,
-            },
-            fill: {
-                color: {
-                    value: "#000000",
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 1,
-            },
-            size: {
-                value: 1,
-            },
-        },
-        background: {
-            color: "#fff",
-        },
-        emitters: [
-            generateEmitter("square", {}, true, { x: 25, y: 25 }),
-            generateEmitter("circle", {}, true, { x: 50, y: 25 }),
-            generateEmitter("polygon", {
-                angle: -18,
-                sides: 5,
-            }, true, { x: 75, y: 25 }),
-            generateEmitter("square", {}, false, { x: 25, y: 50 }),
-            generateEmitter("circle", {}, false, { x: 50, y: 50 }),
-            generateEmitter("polygon", {
-                sides: 6,
-            }, false, { x: 75, y: 50 }),
-            generateEmitter("path", {
-                points: path,
-            }, true, { x: 25, y: 75 }),
-            generateEmitter("path", {
-                points: path,
-            }, false, { x: 50, y: 75 }),
-        ],
-    };
-    exports.default = options;
-});

package/umd/e/emitterSpawnColor.js

@@ -1,221 +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 emitterRate = {
-        delay: 0.1,
-        quantity: 2,
-    }, options = {
-        key: "emitterSpawnColor",
-        name: "Emitter Spawn Color",
-        particles: {
-            opacity: {
-                value: 1,
-            },
-            fill: {
-                enable: false,
-            },
-            size: {
-                value: 3,
-            },
-            life: {
-                count: 1,
-                duration: {
-                    value: 5,
-                },
-            },
-            move: {
-                enable: true,
-                speed: 3,
-                outModes: {
-                    default: "destroy",
-                },
-            },
-        },
-        background: {
-            color: "#000000",
-        },
-        emitters: [
-            {
-                position: {
-                    x: 33,
-                    y: 0,
-                },
-                rate: emitterRate,
-                particles: {
-                    move: {
-                        direction: engine_1.MoveDirection.bottomRight,
-                    },
-                },
-                spawn: {
-                    fill: {
-                        color: {
-                            value: "#ff0000",
-                            animation: {
-                                h: {
-                                    enable: true,
-                                    speed: 10,
-                                },
-                            },
-                        },
-                    },
-                },
-            },
-            {
-                position: {
-                    x: 33,
-                    y: 100,
-                },
-                rate: emitterRate,
-                particles: {
-                    move: {
-                        direction: engine_1.MoveDirection.topRight,
-                    },
-                },
-                spawn: {
-                    stroke: {
-                        width: 1,
-                        color: {
-                            value: "#ff0000",
-                            animation: {
-                                s: {
-                                    enable: true,
-                                    speed: 10,
-                                    offset: {
-                                        min: -10,
-                                        max: 10,
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-            },
-            {
-                position: {
-                    x: 100,
-                    y: 0,
-                },
-                rate: emitterRate,
-                particles: {
-                    move: {
-                        direction: engine_1.MoveDirection.bottomLeft,
-                    },
-                },
-                spawn: {
-                    fill: {
-                        color: {
-                            value: "#ff0000",
-                            animation: {
-                                l: {
-                                    enable: true,
-                                    speed: 10,
-                                    offset: {
-                                        min: -10,
-                                        max: 10,
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-            },
-            {
-                position: {
-                    x: 100,
-                    y: 100,
-                },
-                rate: emitterRate,
-                particles: {
-                    move: {
-                        direction: engine_1.MoveDirection.topLeft,
-                    },
-                },
-                spawn: {
-                    stroke: {
-                        width: 1,
-                        color: {
-                            value: "#ff0000",
-                            animation: {
-                                h: {
-                                    enable: true,
-                                    speed: 10,
-                                },
-                                s: {
-                                    enable: true,
-                                    speed: 10,
-                                    offset: {
-                                        min: -10,
-                                        max: 10,
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-            },
-            {
-                position: {
-                    x: 66,
-                    y: 50,
-                },
-                rate: emitterRate,
-                particles: {
-                    move: {
-                        direction: engine_1.MoveDirection.none,
-                    },
-                },
-                spawn: {
-                    fill: {
-                        color: {
-                            value: "#ff0000",
-                            animation: {
-                                h: {
-                                    enable: true,
-                                    speed: 10,
-                                },
-                                l: {
-                                    enable: true,
-                                    speed: 10,
-                                    offset: {
-                                        min: -10,
-                                        max: 10,
-                                    },
-                                },
-                            },
-                        },
-                    },
-                    stroke: {
-                        width: 1,
-                        color: {
-                            value: "#00ff00",
-                            animation: {
-                                h: {
-                                    enable: true,
-                                    speed: 10,
-                                },
-                                l: {
-                                    enable: true,
-                                    speed: 10,
-                                    offset: {
-                                        min: -10,
-                                        max: 10,
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-            },
-        ],
-    };
-    exports.default = options;
-});

package/umd/e/emitterTextShape.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 minAlphaFilter = 0, rate = {
-        delay: 0.1,
-        quantity: 100,
-    }, generateEmitter = (shape, options, fill, position) => {
-        return {
-            shape: {
-                type: shape,
-                options,
-            },
-            position: position,
-            size: {
-                width: 500,
-                height: 500,
-                mode: "precise",
-            },
-            startCount: 300,
-            rate,
-            fill,
-        };
-    }, options = {
-        key: "emitterTextShape",
-        name: "Emitter Text 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: 1,
-                pixels: {
-                    filter: (pixel) => pixel.a > minAlphaFilter,
-                    offset: 4,
-                },
-                text: {
-                    color: "#ff0000",
-                    font: {
-                        size: 500,
-                        family: "Verdana",
-                    },
-                    text: "Particles",
-                    lines: {
-                        separator: "\n",
-                        spacing: 10,
-                    },
-                },
-            }, true, { x: 50, y: 50 }),
-        ],
-    };
-    exports.default = options;
-});