@tsparticles/configs 3.1.0 → 3.2.0

package/tsparticles.configs.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Configs v3.1.0 by Matteo Bruni */
+/*! tsParticles Configs v3.2.0 by Matteo Bruni */

package/types/b/backgroundMaskImage.d.ts

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

package/types/b/index.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     backgroundMask: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    backgroundMaskImage: 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>;
     blackHole: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/types/e/emitterSpawnColor.d.ts

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

package/types/e/index.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     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>;
+    emitterSpawnColor: 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>;
 };

package/types/index.d.ts

@@ -80,6 +80,8 @@ declare const configs: {
     mouseAttract: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     mouseBounce: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     mouseFollow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    mouseParticle: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    mouseParticle2: 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>;
@@ -117,6 +119,7 @@ declare const configs: {
     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>;
+    emitterSpawnColor: 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>;
@@ -138,6 +141,7 @@ declare const configs: {
     connect: 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>;
+    backgroundMaskImage: 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>;
     blackHole: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/types/m/index.d.ts

@@ -5,6 +5,8 @@ declare const _default: {
     mouseAttract: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     mouseBounce: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     mouseFollow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    mouseParticle: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    mouseParticle2: 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>;

package/types/m/mouseParticle.d.ts

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

package/types/m/mouseParticle2.d.ts

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

package/umd/b/backgroundMask.js

@@ -73,10 +73,12 @@
         backgroundMask: {
             enable: true,
             cover: {
-                value: {
-                    r: 255,
-                    g: 255,
-                    b: 255,
+                color: {
+                    value: {
+                        r: 255,
+                        g: 255,
+                        b: 255,
+                    },
                 },
             },
         },

package/umd/b/backgroundMaskImage.js

@@ -0,0 +1,82 @@
+(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: "backgroundMaskImage",
+        name: "Background Mask Image",
+        particles: {
+            number: {
+                value: 100,
+            },
+            color: {
+                value: "#ffffff",
+            },
+            shape: {
+                type: "circle",
+            },
+            opacity: {
+                value: 1,
+            },
+            size: {
+                value: {
+                    min: 10,
+                    max: 50,
+                },
+                animation: {
+                    enable: true,
+                    speed: 25,
+                },
+            },
+            move: {
+                enable: true,
+                speed: 2,
+                direction: "none",
+            },
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "bubble",
+                },
+                onClick: {
+                    enable: true,
+                    mode: "push",
+                },
+            },
+            modes: {
+                bubble: {
+                    distance: 400,
+                    size: 100,
+                    duration: 2,
+                    opacity: 1,
+                },
+                push: {
+                    quantity: 4,
+                },
+            },
+        },
+        backgroundMask: {
+            enable: true,
+            cover: {
+                image: "https://particles.js.org/images/background2.jpg",
+            },
+        },
+        background: {
+            color: "#ffffff",
+            image: "url('https://particles.js.org/images/background3.jpg')",
+            position: "50% 50%",
+            repeat: "no-repeat",
+            size: "cover",
+        },
+    };
+    exports.default = options;
+});

package/umd/b/index.js

@@ -7,18 +7,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./backgroundMask.js", "./basic.js", "./big.js", "./blackHole.js", "./bubble.js"], factory);
+        define(["require", "exports", "./backgroundMask.js", "./backgroundMaskImage.js", "./basic.js", "./big.js", "./blackHole.js", "./bubble.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const backgroundMask_js_1 = __importDefault(require("./backgroundMask.js"));
+    const backgroundMaskImage_js_1 = __importDefault(require("./backgroundMaskImage.js"));
     const basic_js_1 = __importDefault(require("./basic.js"));
     const big_js_1 = __importDefault(require("./big.js"));
     const blackHole_js_1 = __importDefault(require("./blackHole.js"));
     const bubble_js_1 = __importDefault(require("./bubble.js"));
     exports.default = {
         backgroundMask: backgroundMask_js_1.default,
+        backgroundMaskImage: backgroundMaskImage_js_1.default,
         basic: basic_js_1.default,
         big: big_js_1.default,
         blackHole: blackHole_js_1.default,

package/umd/e/emitterSpawnColor.js

@@ -0,0 +1,175 @@
+(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 emitterRate = {
+        delay: 0.1,
+        quantity: 2,
+    }, options = {
+        key: "emitterSpawnColor",
+        name: "Emitter Spawn Color",
+        particles: {
+            opacity: {
+                value: 1,
+            },
+            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: "bottom-right",
+                    },
+                },
+                spawnColor: {
+                    value: "#ff0000",
+                    animation: {
+                        h: {
+                            enable: true,
+                            speed: 10,
+                        },
+                    },
+                },
+            },
+            {
+                position: {
+                    x: 33,
+                    y: 100,
+                },
+                rate: emitterRate,
+                particles: {
+                    move: {
+                        direction: "top-right",
+                    },
+                },
+                spawnColor: {
+                    value: "#ff0000",
+                    animation: {
+                        s: {
+                            enable: true,
+                            speed: 10,
+                            offset: {
+                                min: -10,
+                                max: 10,
+                            },
+                        },
+                    },
+                },
+            },
+            {
+                position: {
+                    x: 100,
+                    y: 0,
+                },
+                rate: emitterRate,
+                particles: {
+                    move: {
+                        direction: "bottom-left",
+                    },
+                },
+                spawnColor: {
+                    value: "#ff0000",
+                    animation: {
+                        l: {
+                            enable: true,
+                            speed: 10,
+                            offset: {
+                                min: -10,
+                                max: 10,
+                            },
+                        },
+                    },
+                },
+            },
+            {
+                position: {
+                    x: 100,
+                    y: 100,
+                },
+                rate: emitterRate,
+                particles: {
+                    move: {
+                        direction: "top-left",
+                    },
+                },
+                spawnColor: {
+                    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: "none",
+                    },
+                },
+                spawnColor: {
+                    value: "#ff0000",
+                    animation: {
+                        h: {
+                            enable: true,
+                            speed: 10,
+                        },
+                        l: {
+                            enable: true,
+                            speed: 10,
+                            offset: {
+                                min: -10,
+                                max: 10,
+                            },
+                        },
+                    },
+                },
+            },
+        ],
+    };
+    exports.default = options;
+});

package/umd/e/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", "./effectBubble.js", "./effectTrail.js", "./emitter.js", "./emitterAbsorber.js", "./emitterAngled.js", "./emitterImageShape.js", "./emitterImages.js", "./emitterPaths.js", "./emitterShapes.js", "./emitterTextShape.js", "./emitterTextStrokeShape.js"], factory);
+        define(["require", "exports", "./effectBubble.js", "./effectTrail.js", "./emitter.js", "./emitterAbsorber.js", "./emitterAngled.js", "./emitterImageShape.js", "./emitterImages.js", "./emitterPaths.js", "./emitterShapes.js", "./emitterSpawnColor.js", "./emitterTextShape.js", "./emitterTextStrokeShape.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -21,6 +21,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     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 emitterSpawnColor_js_1 = __importDefault(require("./emitterSpawnColor.js"));
     const emitterTextShape_js_1 = __importDefault(require("./emitterTextShape.js"));
     const emitterTextStrokeShape_js_1 = __importDefault(require("./emitterTextStrokeShape.js"));
     exports.default = {
@@ -33,6 +34,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         emitterImages: emitterImages_js_1.default,
         emitterPaths: emitterPaths_js_1.default,
         emitterShapes: emitterShapes_js_1.default,
+        emitterSpawnColor: emitterSpawnColor_js_1.default,
         emitterTextShape: emitterTextShape_js_1.default,
         emitterTextStrokeShape: emitterTextStrokeShape_js_1.default,
     };

package/umd/f/fireworks2.js

@@ -24,6 +24,9 @@
         },
         backgroundMask: {
             enable: true,
+            cover: {
+                color: "#000",
+            },
         },
         emitters: {
             direction: "top",

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", "./mouseTrailNoise.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", "./mouseParticle.js", "./mouseParticle2.js", "./mouseTrail.js", "./mouseTrailNoise.js", "./moveAngle.js", "./moveDistance.js", "./moveInside.js", "./moveOutside.js", "./multipleClickEmitters.js", "./multiplePolygonMasks.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -18,6 +18,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const mouseAttract_js_1 = __importDefault(require("./mouseAttract.js"));
     const mouseBounce_js_1 = __importDefault(require("./mouseBounce.js"));
     const mouseFollow_js_1 = __importDefault(require("./mouseFollow.js"));
+    const mouseParticle_js_1 = __importDefault(require("./mouseParticle.js"));
+    const mouseParticle2_js_1 = __importDefault(require("./mouseParticle2.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"));
@@ -33,6 +35,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         mouseAttract: mouseAttract_js_1.default,
         mouseBounce: mouseBounce_js_1.default,
         mouseFollow: mouseFollow_js_1.default,
+        mouseParticle: mouseParticle_js_1.default,
+        mouseParticle2: mouseParticle2_js_1.default,
         mouseTrail: mouseTrail_js_1.default,
         mouseTrailNoise: mouseTrailNoise_js_1.default,
         moveAngle: moveAngle_js_1.default,

package/umd/m/mouseParticle.js

@@ -0,0 +1,62 @@
+(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: "mouseParticle",
+        name: "Mouse Particle",
+        fullScreen: {
+            zIndex: 10000,
+        },
+        particles: {
+            number: {
+                value: 0,
+            },
+            color: {
+                value: ["#ff0000", "#00ff00", "#0000ff"],
+                animation: {
+                    enable: true,
+                    speed: 180,
+                    sync: true,
+                },
+            },
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: 10,
+                        minWidth: 2,
+                    },
+                },
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: 3,
+            },
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "particle",
+                },
+            },
+            modes: {
+                particle: {
+                    replaceCursor: true,
+                    pauseOnStop: true,
+                },
+            },
+        },
+    };
+    exports.default = options;
+});

package/umd/m/mouseParticle2.js

@@ -0,0 +1,73 @@
+(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: "mouseParticle2",
+        name: "Mouse Particle 2",
+        background: {
+            color: "#000000",
+        },
+        particles: {
+            number: {
+                value: 80,
+                density: {
+                    enable: true,
+                },
+            },
+            color: {
+                value: "#ff0000",
+                animation: {
+                    enable: true,
+                    speed: 20,
+                    sync: true,
+                },
+            },
+            shape: {
+                type: "circle",
+            },
+            opacity: {
+                value: 0.5,
+            },
+            size: {
+                value: {
+                    min: 1,
+                    max: 3,
+                },
+            },
+            links: {
+                enable: true,
+                distance: 200,
+                color: "#ffffff",
+                opacity: 0.4,
+                width: 1,
+            },
+            move: {
+                enable: true,
+                speed: 6,
+            },
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "particle",
+                },
+            },
+            modes: {
+                particle: {
+                    replaceCursor: false,
+                    pauseOnStop: false,
+                },
+            },
+        },
+    };
+    exports.default = options;
+});

package/umd/r/reactSimple.js

@@ -118,9 +118,7 @@
         },
         backgroundMask: {
             cover: {
-                color: {
-                    value: "#fff",
-                },
+                color: "#fff",
                 opacity: 1,
             },
             enable: false,