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

package/types/index.d.ts

@@ -16,7 +16,6 @@ declare const configs: {
     seaAnemone: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shadow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeArrow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
-    shapeBubble: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeCog: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeHeart: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeMultilineText: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
@@ -64,6 +63,7 @@ declare const configs: {
     plasma: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     polygonMask: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     polygons: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    pop: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     orbit: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     nasa: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     noconfig: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
@@ -77,6 +77,7 @@ declare const configs: {
     mouseBounce: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     mouseFollow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     mouseTrail: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    mouseTrailNoise: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     moveAngle: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     moveDistance: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     moveInside: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
@@ -102,12 +103,17 @@ declare const configs: {
     fireworks: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     fontawesome: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     forward: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    effectBubble: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    effectTrail: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     emitter: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     emitterAbsorber: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     emitterAngled: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    emitterImageShape: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     emitterImages: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     emitterPaths: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     emitterShapes: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    emitterTextShape: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    emitterTextStrokeShape: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     dataImages: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     delay: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     delayColor: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
@@ -125,8 +131,7 @@ declare const configs: {
     collisionsDestroy: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     colorAnimation: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     connect: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
-    customPreset: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
-    customShape: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    curlNoise: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     backgroundMask: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     basic: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     big: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/types/m/index.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
     mouseBounce: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     mouseFollow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     mouseTrail: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    mouseTrailNoise: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     moveAngle: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     moveDistance: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     moveInside: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/types/m/mouseTrailNoise.d.ts

@@ -0,0 +1,3 @@
+import type { ISourceOptions } from "@tsparticles/engine";
+declare const options: ISourceOptions;
+export default options;

package/types/p/index.d.ts

@@ -6,5 +6,6 @@ declare const _default: {
     plasma: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     polygonMask: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     polygons: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    pop: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
 };
 export default _default;

package/types/p/pop.d.ts

@@ -0,0 +1,3 @@
+import { type ISourceOptions } from "@tsparticles/engine";
+declare const options: ISourceOptions;
+export default options;

package/types/s/index.d.ts

@@ -2,7 +2,6 @@ declare const _default: {
     seaAnemone: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shadow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeArrow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
-    shapeBubble: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeCog: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeHeart: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeMultilineText: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/umd/c/connect.js

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

package/umd/c/{customShape.js → curlNoise.js}

@@ -10,51 +10,51 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
-        name: "Custom Shape",
+        name: "Curl Noise",
         particles: {
-            links: {
-                enable: false,
+            number: {
+                value: 300,
             },
-            stroke: {
-                color: {
-                    value: "random",
+            color: {
+                value: "#ff0000",
+                animation: {
+                    enable: true,
+                    speed: 360,
+                    sync: true,
                 },
-                width: 1,
             },
             shape: {
-                type: "spiral",
-                options: {
-                    spiral: {
-                        innerRadius: 1,
-                        lineSpacing: 1,
-                        fill: false,
-                        close: false,
-                    },
-                },
+                type: "circle",
             },
             size: {
-                value: 20,
+                value: 3,
             },
-            rotate: {
-                value: {
-                    min: 0,
-                    max: 360,
+            move: {
+                path: {
+                    clamp: false,
+                    enable: true,
+                    options: {
+                        step: 250,
+                        speed: 1,
+                    },
+                    delay: {
+                        value: 0,
+                    },
+                    generator: "curlNoise",
                 },
-                direction: "clockwise",
-                animation: {
+                enable: true,
+                speed: 3,
+                trail: {
+                    fill: {
+                        color: "#000",
+                    },
                     enable: true,
-                    speed: 50,
-                    sync: false,
+                    length: 1000,
                 },
             },
         },
-        preset: "links",
         background: {
             color: "#000000",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
         },
     };
     exports.default = options;

package/umd/c/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", "./cards.js", "./chars.js", "./clickPause.js", "./collisionsAbsorb.js", "./collisionsBounce.js", "./collisionsDestroy.js", "./colorAnimation.js", "./connect.js", "./customPreset.js", "./customShape.js"], factory);
+        define(["require", "exports", "./cards.js", "./chars.js", "./clickPause.js", "./collisionsAbsorb.js", "./collisionsBounce.js", "./collisionsDestroy.js", "./colorAnimation.js", "./connect.js", "./curlNoise.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -20,8 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const collisionsDestroy_js_1 = __importDefault(require("./collisionsDestroy.js"));
     const colorAnimation_js_1 = __importDefault(require("./colorAnimation.js"));
     const connect_js_1 = __importDefault(require("./connect.js"));
-    const customPreset_js_1 = __importDefault(require("./customPreset.js"));
-    const customShape_js_1 = __importDefault(require("./customShape.js"));
+    const curlNoise_js_1 = __importDefault(require("./curlNoise.js"));
     exports.default = {
         cards: cards_js_1.default,
         chars: chars_js_1.default,
@@ -31,7 +30,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         collisionsDestroy: collisionsDestroy_js_1.default,
         colorAnimation: colorAnimation_js_1.default,
         connect: connect_js_1.default,
-        customPreset: customPreset_js_1.default,
-        customShape: customShape_js_1.default,
+        curlNoise: curlNoise_js_1.default,
     };
 });

package/umd/d/dataImages.js

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

package/umd/{s/shapeBubble.js → e/effectBubble.js}

@@ -10,7 +10,7 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
-        name: "Shape Bubble",
+        name: "Effect Bubble",
         particles: {
             number: {
                 value: 80,
@@ -26,9 +26,12 @@
                     sync: true,
                 },
             },
-            shape: {
+            effect: {
                 type: "bubble",
             },
+            shape: {
+                type: ["circle", "square"],
+            },
             opacity: {
                 value: 0.5,
             },

package/umd/e/effectTrail.js

@@ -0,0 +1,65 @@
+(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: "Effect Trail",
+        particles: {
+            number: {
+                value: 80,
+                density: {
+                    enable: true,
+                },
+            },
+            color: {
+                value: "#ff0000",
+                animation: {
+                    enable: true,
+                    speed: 360,
+                    sync: true,
+                },
+            },
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: {
+                            min: 10,
+                            max: 30,
+                        },
+                    },
+                },
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: 10,
+            },
+            move: {
+                path: {
+                    enable: true,
+                    options: {
+                        size: 32,
+                        draw: false,
+                        increment: 0.004,
+                    },
+                    generator: "simplexNoise",
+                },
+                enable: true,
+                speed: 6,
+            },
+        },
+        background: {
+            color: "#000000",
+        },
+    };
+    exports.default = options;
+});

package/umd/e/emitterImageShape.js

@@ -0,0 +1,107 @@
+(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: {
+                replace: {
+                    color: true,
+                    opacity: true,
+                },
+                type: shape,
+                options,
+            },
+            position: position,
+            size: {
+                width: 500,
+                height: 500,
+                mode: "precise",
+            },
+            startCount: 300,
+            rate,
+            fill,
+        };
+    };
+    const options = {
+        name: "Emitter Image 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: 5,
+                pixels: {
+                    filter: "pixelFilter",
+                    offset: 4,
+                },
+                image: {
+                    src: "https://particles.js.org/images/amongus_cyan.png",
+                },
+            }, true, { x: 50, y: 50 }),
+        ],
+    };
+    exports.default = options;
+});

package/umd/e/emitterImages.js

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

package/umd/e/emitterShapes.js

@@ -9,6 +9,45 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    const rate = {
+        delay: 0.1,
+        quantity: 3,
+    };
+    const 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,
+        };
+    };
+    const 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 },
+    ];
     const options = {
         name: "Emitter Shapes",
         particles: {
@@ -32,76 +71,23 @@
             color: "#fff",
         },
         emitters: [
-            {
-                shape: "square",
-                position: {
-                    x: 33,
-                    y: 33,
-                },
-                size: {
-                    width: 200,
-                    height: 200,
-                    mode: "precise",
-                },
-                life: {
-                    duration: 10,
-                    delay: 0.5,
-                    count: 1,
-                },
-            },
-            {
-                shape: "circle",
-                position: {
-                    x: 67,
-                    y: 33,
-                },
-                size: {
-                    width: 200,
-                    height: 200,
-                    mode: "precise",
-                },
-                life: {
-                    duration: 10,
-                    delay: 0.5,
-                    count: 1,
-                },
-            },
-            {
-                fill: false,
-                shape: "square",
-                position: {
-                    x: 33,
-                    y: 67,
-                },
-                size: {
-                    width: 200,
-                    height: 200,
-                    mode: "precise",
-                },
-                life: {
-                    duration: 10,
-                    delay: 0.5,
-                    count: 1,
-                },
-            },
-            {
-                fill: false,
-                shape: "circle",
-                position: {
-                    x: 67,
-                    y: 67,
-                },
-                size: {
-                    width: 200,
-                    height: 200,
-                    mode: "precise",
-                },
-                life: {
-                    duration: 10,
-                    delay: 0.5,
-                    count: 1,
-                },
-            },
+            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;