@tsparticles/configs 3.0.0-beta.2 → 3.0.0-beta.4

package/umd/e/emitterTextShape.js

@@ -0,0 +1,112 @@
+(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: 100,
+    };
+    const generateEmitter = (shape, options, fill, position) => {
+        return {
+            shape: {
+                type: shape,
+                options,
+            },
+            position: position,
+            size: {
+                width: 500,
+                height: 500,
+                mode: "precise",
+            },
+            startCount: 300,
+            rate,
+            fill,
+        };
+    };
+    const options = {
+        name: "Emitter Text Shape",
+        particles: {
+            number: {
+                value: 0,
+            },
+            color: {
+                value: [
+                    "#f44336",
+                    "#e91e63",
+                    "#9c27b0",
+                    "#673ab7",
+                    "#3f51b5",
+                    "#2196f3",
+                    "#03a9f4",
+                    "#00bcd4",
+                    "#009688",
+                    "#4CAF50",
+                    "#8BC34A",
+                    "#CDDC39",
+                    "#FFEB3B",
+                    "#FFC107",
+                    "#FF9800",
+                    "#FF5722",
+                ],
+            },
+            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: "pixelTextFilter",
+                    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;
+});

package/umd/e/emitterTextStrokeShape.js

@@ -0,0 +1,112 @@
+(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: 100,
+    };
+    const generateEmitter = (shape, options, fill, position) => {
+        return {
+            shape: {
+                type: shape,
+                options,
+            },
+            position: position,
+            size: {
+                width: 500,
+                height: 500,
+                mode: "precise",
+            },
+            startCount: 300,
+            rate,
+            fill,
+        };
+    };
+    const options = {
+        name: "Emitter Text Stroke Shape",
+        particles: {
+            number: {
+                value: 0,
+            },
+            color: {
+                value: [
+                    "#f44336",
+                    "#e91e63",
+                    "#9c27b0",
+                    "#673ab7",
+                    "#3f51b5",
+                    "#2196f3",
+                    "#03a9f4",
+                    "#00bcd4",
+                    "#009688",
+                    "#4CAF50",
+                    "#8BC34A",
+                    "#CDDC39",
+                    "#FFEB3B",
+                    "#FFC107",
+                    "#FF9800",
+                    "#FF5722",
+                ],
+            },
+            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: "pixelTextFilter",
+                    offset: 4,
+                },
+                text: {
+                    color: "#ff0000",
+                    font: {
+                        size: 500,
+                        family: "Verdana",
+                    },
+                    text: "Particles",
+                    lines: {
+                        separator: "\n",
+                        spacing: 10,
+                    },
+                },
+            }, false, { x: 50, y: 50 }),
+        ],
+    };
+    exports.default = options;
+});

package/umd/e/index.js

@@ -7,23 +7,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./emitter.js", "./emitterAbsorber.js", "./emitterAngled.js", "./emitterImages.js", "./emitterPaths.js", "./emitterShapes.js"], factory);
+        define(["require", "exports", "./effectBubble.js", "./effectTrail.js", "./emitter.js", "./emitterAbsorber.js", "./emitterAngled.js", "./emitterImageShape.js", "./emitterImages.js", "./emitterPaths.js", "./emitterShapes.js", "./emitterTextShape.js", "./emitterTextStrokeShape.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    const effectBubble_js_1 = __importDefault(require("./effectBubble.js"));
+    const effectTrail_js_1 = __importDefault(require("./effectTrail.js"));
     const emitter_js_1 = __importDefault(require("./emitter.js"));
     const emitterAbsorber_js_1 = __importDefault(require("./emitterAbsorber.js"));
     const emitterAngled_js_1 = __importDefault(require("./emitterAngled.js"));
+    const emitterImageShape_js_1 = __importDefault(require("./emitterImageShape.js"));
     const emitterImages_js_1 = __importDefault(require("./emitterImages.js"));
     const emitterPaths_js_1 = __importDefault(require("./emitterPaths.js"));
     const emitterShapes_js_1 = __importDefault(require("./emitterShapes.js"));
+    const emitterTextShape_js_1 = __importDefault(require("./emitterTextShape.js"));
+    const emitterTextStrokeShape_js_1 = __importDefault(require("./emitterTextStrokeShape.js"));
     exports.default = {
+        effectBubble: effectBubble_js_1.default,
+        effectTrail: effectTrail_js_1.default,
         emitter: emitter_js_1.default,
         emitterAbsorber: emitterAbsorber_js_1.default,
         emitterAngled: emitterAngled_js_1.default,
+        emitterImageShape: emitterImageShape_js_1.default,
         emitterImages: emitterImages_js_1.default,
         emitterPaths: emitterPaths_js_1.default,
         emitterShapes: emitterShapes_js_1.default,
+        emitterTextShape: emitterTextShape_js_1.default,
+        emitterTextStrokeShape: emitterTextStrokeShape_js_1.default,
     };
 });

package/umd/f/fontawesome.js

@@ -59,7 +59,6 @@
                 density: {
                     enable: true,
                 },
-                limit: 0,
                 value: 80,
             },
             opacity: {

package/umd/g/gifs.js

@@ -34,7 +34,7 @@
             },
             number: {
                 value: 20,
-                limit: 30,
+                limit: { value: 30 },
             },
             opacity: {
                 value: 1,

package/umd/h/hollowknight.js

@@ -77,7 +77,6 @@
                 density: {
                     enable: false,
                 },
-                limit: 0,
                 value: 400,
             },
             opacity: {

package/umd/i/images.js

@@ -46,7 +46,6 @@
                 density: {
                     enable: true,
                 },
-                limit: 0,
                 value: 80,
             },
             opacity: {

package/umd/l/localPolygonMask.js

@@ -49,7 +49,6 @@
                 density: {
                     enable: false,
                 },
-                limit: 0,
                 value: 200,
             },
             opacity: {

package/umd/m/index.js

@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./manual.js", "./motionDisable.js", "./motionReduce.js", "./mouseAttract.js", "./mouseBounce.js", "./mouseFollow.js", "./mouseTrail.js", "./moveAngle.js", "./moveDistance.js", "./moveInside.js", "./moveOutside.js", "./multipleClickEmitters.js", "./multiplePolygonMasks.js"], factory);
+        define(["require", "exports", "./manual.js", "./motionDisable.js", "./motionReduce.js", "./mouseAttract.js", "./mouseBounce.js", "./mouseFollow.js", "./mouseTrail.js", "./mouseTrailNoise.js", "./moveAngle.js", "./moveDistance.js", "./moveInside.js", "./moveOutside.js", "./multipleClickEmitters.js", "./multiplePolygonMasks.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -19,6 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const mouseBounce_js_1 = __importDefault(require("./mouseBounce.js"));
     const mouseFollow_js_1 = __importDefault(require("./mouseFollow.js"));
     const mouseTrail_js_1 = __importDefault(require("./mouseTrail.js"));
+    const mouseTrailNoise_js_1 = __importDefault(require("./mouseTrailNoise.js"));
     const moveAngle_js_1 = __importDefault(require("./moveAngle.js"));
     const moveDistance_js_1 = __importDefault(require("./moveDistance.js"));
     const moveInside_js_1 = __importDefault(require("./moveInside.js"));
@@ -33,6 +34,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         mouseBounce: mouseBounce_js_1.default,
         mouseFollow: mouseFollow_js_1.default,
         mouseTrail: mouseTrail_js_1.default,
+        mouseTrailNoise: mouseTrailNoise_js_1.default,
         moveAngle: moveAngle_js_1.default,
         moveDistance: moveDistance_js_1.default,
         moveInside: moveInside_js_1.default,

package/umd/m/mouseTrailNoise.js

@@ -0,0 +1,130 @@
+(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: "Mouse Trail Noise",
+        particles: {
+            number: {
+                value: 0,
+            },
+            color: {
+                value: ["#ff0000", "#00ff00", "#0000ff"],
+                animation: {
+                    enable: true,
+                    speed: 360,
+                    sync: false,
+                },
+            },
+            shape: {
+                type: "triangle",
+            },
+            opacity: {
+                value: { min: 0, max: 1 },
+                animation: {
+                    enable: true,
+                    speed: 1,
+                    sync: false,
+                    destroy: "min",
+                },
+            },
+            size: {
+                value: {
+                    min: 4,
+                    max: 8,
+                },
+            },
+            move: {
+                enable: true,
+                speed: 6,
+                outModes: "destroy",
+                path: {
+                    enable: true,
+                    options: {
+                        size: 64,
+                        draw: false,
+                        increment: 0.005,
+                    },
+                    delay: {
+                        value: 0,
+                    },
+                    generator: "perlinNoise",
+                },
+            },
+            rotate: {
+                value: {
+                    min: 0,
+                    max: 360,
+                },
+                direction: "random",
+                move: true,
+                animation: {
+                    enable: true,
+                    speed: 60,
+                },
+            },
+            tilt: {
+                direction: "random",
+                enable: true,
+                move: true,
+                value: {
+                    min: 0,
+                    max: 360,
+                },
+                animation: {
+                    enable: true,
+                    speed: 60,
+                },
+            },
+            roll: {
+                darken: {
+                    enable: true,
+                    value: 30,
+                },
+                enlighten: {
+                    enable: true,
+                    value: 30,
+                },
+                enable: true,
+                mode: "both",
+                speed: {
+                    min: 15,
+                    max: 25,
+                },
+            },
+            wobble: {
+                distance: 30,
+                enable: true,
+                move: true,
+                speed: {
+                    min: -15,
+                    max: 15,
+                },
+            },
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "trail",
+                },
+            },
+            modes: {
+                trail: {
+                    delay: 0.01,
+                },
+            },
+        },
+        background: {
+            color: "#000000",
+        },
+    };
+    exports.default = options;
+});

package/umd/m/multiplePolygonMasks.js

@@ -83,7 +83,6 @@
                 speed: 1,
             },
             number: {
-                limit: 0,
                 value: 200,
             },
             opacity: {

package/umd/o/orbit.js

@@ -23,7 +23,7 @@
                 density: {
                     enable: true,
                 },
-                limit: 300,
+                limit: { value: 300 },
                 value: 100,
             },
             opacity: {

package/umd/p/index.js

@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./parallax.js", "./pathPolygonMask.js", "./pathSvg.js", "./planes.js", "./plasma.js", "./polygonMask.js", "./polygons.js"], factory);
+        define(["require", "exports", "./parallax.js", "./pathPolygonMask.js", "./pathSvg.js", "./planes.js", "./plasma.js", "./polygonMask.js", "./polygons.js", "./pop.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -19,6 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const plasma_js_1 = __importDefault(require("./plasma.js"));
     const polygonMask_js_1 = __importDefault(require("./polygonMask.js"));
     const polygons_js_1 = __importDefault(require("./polygons.js"));
+    const pop_js_1 = __importDefault(require("./pop.js"));
     exports.default = {
         parallax: parallax_js_1.default,
         pathPolygonMask: pathPolygonMask_js_1.default,
@@ -27,5 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         plasma: plasma_js_1.default,
         polygonMask: polygonMask_js_1.default,
         polygons: polygons_js_1.default,
+        pop: pop_js_1.default,
     };
 });

package/umd/p/pathPolygonMask.js

@@ -44,7 +44,6 @@
                 speed: 1,
             },
             number: {
-                limit: 0,
                 value: 80,
             },
             opacity: {

package/umd/p/pathSvg.js

@@ -43,7 +43,6 @@
                 },
             },
             number: {
-                limit: 0,
                 value: 80,
             },
             opacity: {

package/umd/p/polygonMask.js

@@ -83,7 +83,6 @@
                 speed: 1,
             },
             number: {
-                limit: 0,
                 value: 200,
             },
             opacity: {

package/umd/p/pop.js

@@ -0,0 +1,79 @@
+(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: "Pop",
+        particles: {
+            number: {
+                limit: {
+                    value: 80,
+                    mode: "wait",
+                },
+                value: 80,
+            },
+            color: {
+                value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
+            },
+            shape: {
+                type: "circle",
+            },
+            opacity: {
+                value: 1,
+            },
+            size: {
+                value: {
+                    min: 10,
+                    max: 15,
+                },
+            },
+            collisions: {
+                enable: true,
+                mode: "bounce",
+            },
+            move: {
+                enable: true,
+                speed: 3,
+            },
+        },
+        interactivity: {
+            events: {
+                onClick: {
+                    enable: true,
+                    mode: "pop",
+                },
+            },
+        },
+        background: {
+            color: "#000000",
+        },
+        emitters: {
+            direction: "none",
+            life: {
+                count: 0,
+                duration: 0.1,
+                delay: 0.1,
+            },
+            rate: {
+                delay: 0.1,
+                quantity: 1,
+            },
+            size: {
+                width: 100,
+                height: 100,
+            },
+            position: {
+                x: 50,
+                y: 50,
+            },
+        },
+    };
+    exports.default = options;
+});

package/umd/r/random.js

@@ -80,7 +80,7 @@
                 density: {
                     enable: true,
                 },
-                limit: 500,
+                limit: { value: 500 },
                 value: 300,
             },
             opacity: {

package/umd/r/reactBubbles.js

@@ -81,7 +81,6 @@
                 },
             },
             number: {
-                limit: -1,
                 value: 160,
             },
             opacity: {

package/umd/r/reactNightSky.js

@@ -66,7 +66,6 @@
                 density: {
                     enable: true,
                 },
-                limit: -1,
                 value: 60,
             },
             opacity: {

package/umd/r/reactPolygonMask.js

@@ -55,7 +55,6 @@
                 speed: 1,
             },
             number: {
-                limit: -1,
                 value: 200,
             },
             opacity: {

package/umd/r/reactSimple.js

@@ -56,7 +56,6 @@
                 enable: true,
             },
             number: {
-                limit: -1,
                 value: 50,
             },
             opacity: {

package/umd/r/reactSnow.js

@@ -85,7 +85,6 @@
                 enable: true,
             },
             number: {
-                limit: -1,
                 value: 160,
             },
             opacity: {

package/umd/r/ring.js

@@ -14,7 +14,7 @@
         particles: {
             number: {
                 value: 0,
-                limit: 1000,
+                limit: { value: 1000 },
             },
             color: {
                 value: "#ffffff",