@tsparticles/configs 3.0.0-beta.4 → 3.0.0

package/types/n/index.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     nasa: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
-    noconfig: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    noClear: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    noConfig: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     noisePlanes: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     nyancat: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     nyancat2: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/types/n/noClear.d.ts

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

package/types/n/noConfig.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

@@ -3,6 +3,7 @@ declare const _default: {
     shadow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeArrow: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
     shapeCog: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;
+    shapeEmoji: 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>;
     shapeOptions: import("@tsparticles/engine").RecursivePartial<import("@tsparticles/engine").IOptions>;

package/types/s/shapeEmoji.d.ts

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

package/umd/e/effectTrail.js

@@ -30,6 +30,7 @@
                 type: "trail",
                 options: {
                     trail: {
+                        fade: true,
                         length: {
                             min: 10,
                             max: 30,
@@ -54,7 +55,7 @@
                     generator: "simplexNoise",
                 },
                 enable: true,
-                speed: 6,
+                speed: { min: 6, max: 15 },
             },
         },
         background: {

package/umd/f/fireworks2.js

@@ -0,0 +1,208 @@
+(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: "Fireworks 2",
+        fullScreen: {
+            enable: true,
+        },
+        background: {
+            color: "#ffffff",
+            image: "url('https://particles.js.org/images/background3.jpg')",
+            position: "50% 50%",
+            repeat: "no-repeat",
+            size: "cover",
+        },
+        backgroundMask: {
+            enable: true,
+        },
+        emitters: {
+            direction: "top",
+            life: {
+                count: 0,
+                duration: 0.1,
+                delay: 0.1,
+            },
+            rate: {
+                delay: 0.15,
+                quantity: 1,
+            },
+            size: {
+                width: 100,
+                height: 0,
+            },
+            position: {
+                y: 100,
+                x: 50,
+            },
+        },
+        particles: {
+            number: {
+                value: 0,
+            },
+            destroy: {
+                bounds: {
+                    top: 30,
+                },
+                mode: "split",
+                split: {
+                    count: 1,
+                    factor: {
+                        value: 0.333333,
+                    },
+                    rate: {
+                        value: 100,
+                    },
+                    particles: {
+                        stroke: {
+                            width: 0,
+                        },
+                        color: {
+                            value: ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"],
+                        },
+                        number: {
+                            value: 0,
+                        },
+                        collisions: {
+                            enable: false,
+                        },
+                        destroy: {
+                            bounds: {
+                                top: 0,
+                            },
+                        },
+                        opacity: {
+                            value: {
+                                min: 0.1,
+                                max: 1,
+                            },
+                            animation: {
+                                enable: true,
+                                speed: 0.7,
+                                sync: false,
+                                startValue: "max",
+                                destroy: "min",
+                            },
+                        },
+                        effect: {
+                            type: "trail",
+                            options: {
+                                trail: {
+                                    length: {
+                                        min: 5,
+                                        max: 10,
+                                    },
+                                },
+                            },
+                        },
+                        shape: {
+                            type: "circle",
+                        },
+                        size: {
+                            value: 2,
+                            animation: {
+                                enable: false,
+                            },
+                        },
+                        life: {
+                            count: 1,
+                            duration: {
+                                value: {
+                                    min: 1,
+                                    max: 2,
+                                },
+                            },
+                        },
+                        move: {
+                            enable: true,
+                            gravity: {
+                                enable: true,
+                                acceleration: 9.81,
+                                inverse: false,
+                            },
+                            decay: 0.1,
+                            speed: {
+                                min: 10,
+                                max: 25,
+                            },
+                            direction: "outside",
+                            outModes: "destroy",
+                        },
+                    },
+                },
+            },
+            life: {
+                count: 1,
+            },
+            effect: {
+                type: "trail",
+                options: {
+                    trail: {
+                        length: {
+                            min: 10,
+                            max: 30,
+                        },
+                        minWidth: 1,
+                        maxWidth: 1,
+                    },
+                },
+            },
+            rotate: {
+                path: true,
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: 1,
+            },
+            stroke: {
+                color: {
+                    value: "#ffffff",
+                },
+                width: 1,
+            },
+            move: {
+                enable: true,
+                gravity: {
+                    acceleration: 15,
+                    enable: true,
+                    inverse: true,
+                    maxSpeed: 100,
+                },
+                speed: {
+                    min: 10,
+                    max: 20,
+                },
+                outModes: {
+                    default: "destroy",
+                    top: "none",
+                },
+            },
+        },
+        sounds: {
+            enable: true,
+            events: [
+                {
+                    event: "particleRemoved",
+                    filter: "explodeSoundCheck",
+                    audio: [
+                        "https://particles.js.org/audio/explosion0.mp3",
+                        "https://particles.js.org/audio/explosion1.mp3",
+                        "https://particles.js.org/audio/explosion2.mp3",
+                    ],
+                },
+            ],
+            volume: 50,
+        },
+    };
+    exports.default = options;
+});

package/umd/f/index.js

@@ -7,16 +7,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./fireworks.js", "./fontawesome.js", "./forward.js"], factory);
+        define(["require", "exports", "./fireworks.js", "./fireworks2.js", "./fontawesome.js", "./forward.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const fireworks_js_1 = __importDefault(require("./fireworks.js"));
+    const fireworks2_js_1 = __importDefault(require("./fireworks2.js"));
     const fontawesome_js_1 = __importDefault(require("./fontawesome.js"));
     const forward_js_1 = __importDefault(require("./forward.js"));
     exports.default = {
         fireworks: fireworks_js_1.default,
+        fireworks2: fireworks2_js_1.default,
         fontawesome: fontawesome_js_1.default,
         forward: forward_js_1.default,
     };

package/umd/h/hollowknight.js

@@ -100,8 +100,11 @@
         polygon: {
             draw: {
                 enable: true,
-                lineColor: "rgba(255,255,255,0.2)",
-                lineWidth: 0.5,
+                stroke: {
+                    color: "#fff",
+                    width: 0.5,
+                    opacity: 0.2,
+                },
             },
             enable: true,
             move: {

package/umd/i/imagesDirections.js

@@ -95,8 +95,11 @@
         polygon: {
             draw: {
                 enable: false,
-                lineColor: "#ffffff",
-                lineWidth: 0.5,
+                stroke: {
+                    color: "#fff",
+                    width: 0.5,
+                    opacity: 0.2,
+                },
             },
             move: {
                 radius: 10,

package/umd/l/localPolygonMask.js

@@ -64,8 +64,11 @@
         polygon: {
             draw: {
                 enable: true,
-                lineColor: "rgba(255,255,255,1)",
-                lineWidth: 1,
+                stroke: {
+                    color: "#fff",
+                    width: 0.5,
+                    opacity: 0.2,
+                },
             },
             enable: true,
             move: {

package/umd/m/multiplePolygonMasks.js

@@ -106,8 +106,11 @@
         polygon: {
             draw: {
                 enable: true,
-                lineColor: "rgba(255,255,255,0.2)",
-                lineWidth: 0.5,
+                stroke: {
+                    color: "#fff",
+                    width: 0.5,
+                    opacity: 0.2,
+                },
             },
             enable: true,
             move: {

package/umd/n/index.js

@@ -7,19 +7,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./nasa.js", "./noconfig.js", "./noisePlanes.js", "./nyancat.js", "./nyancat2.js"], factory);
+        define(["require", "exports", "./nasa.js", "./noClear.js", "./noConfig.js", "./noisePlanes.js", "./nyancat.js", "./nyancat2.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     const nasa_js_1 = __importDefault(require("./nasa.js"));
-    const noconfig_js_1 = __importDefault(require("./noconfig.js"));
+    const noClear_js_1 = __importDefault(require("./noClear.js"));
+    const noConfig_js_1 = __importDefault(require("./noConfig.js"));
     const noisePlanes_js_1 = __importDefault(require("./noisePlanes.js"));
     const nyancat_js_1 = __importDefault(require("./nyancat.js"));
     const nyancat2_js_1 = __importDefault(require("./nyancat2.js"));
     exports.default = {
         nasa: nasa_js_1.default,
-        noconfig: noconfig_js_1.default,
+        noClear: noClear_js_1.default,
+        noConfig: noConfig_js_1.default,
         noisePlanes: noisePlanes_js_1.default,
         nyancat: nyancat_js_1.default,
         nyancat2: nyancat2_js_1.default,

package/umd/n/noClear.js

@@ -0,0 +1,110 @@
+(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: "No Clear",
+        clear: false,
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "trail",
+                },
+            },
+            modes: {
+                trail: {
+                    delay: 0.01,
+                    quantity: 1,
+                    pauseOnStop: true,
+                },
+            },
+        },
+        particles: {
+            color: {
+                value: [
+                    "#80F31F",
+                    "#ED8B08",
+                    "#ED1868",
+                    "#800CE0",
+                    "#1274F7",
+                    "#12E797",
+                    "#7FF31F",
+                    "#ED8B08",
+                    "#ED1868",
+                    "#800CE0",
+                    "#1274F7",
+                    "#12E797",
+                    "#7FF31F",
+                    "#ED8B08",
+                    "#ED1868",
+                    "#800CE0",
+                    "#1274F7",
+                    "#12E797",
+                    "#7FF31F",
+                    "#ED8B08",
+                    "#ED1868",
+                    "#800CE0",
+                    "#1274F7",
+                    "#12E797",
+                    "#7FF31F",
+                    "#ED8B08",
+                    "#ED1868",
+                    "#800CE0",
+                    "#1274F7",
+                    "#12E797",
+                    "#7FF31F",
+                    "#ED8B08",
+                    "#ED1868",
+                    "#800CE0",
+                    "#1274F7",
+                    "#12E797",
+                    "#7FF31F",
+                    "#ED8B08",
+                    "#ED1868",
+                    "#800CE0",
+                    "#1274F7",
+                    "#12E797",
+                    "#7FF31F",
+                    "#ED8B08",
+                    "#ED1868",
+                    "#800CE0",
+                    "#1274F7",
+                    "#12E797",
+                    "#7FF31F",
+                    "#ED8B08",
+                ],
+            },
+            life: {
+                count: 1,
+                duration: {
+                    sync: true,
+                    value: 1,
+                },
+            },
+            number: {
+                value: 500,
+            },
+            size: {
+                value: 50,
+            },
+            shape: {
+                type: "star",
+            },
+            rotate: {
+                value: {
+                    min: 0,
+                    max: 360,
+                },
+            },
+        },
+    };
+    exports.default = options;
+});

package/umd/n/{noconfig.js → noConfig.js}

@@ -11,10 +11,6 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     const options = {
         name: "No Config",
-        fullScreen: {
-            enable: true,
-            zIndex: 0,
-        },
     };
     exports.default = options;
 });

package/umd/p/pathPolygonMask.js

@@ -67,8 +67,11 @@
         polygon: {
             draw: {
                 enable: true,
-                lineColor: "rgba(255,255,255,0.2)",
-                lineWidth: 0.5,
+                stroke: {
+                    color: "#fff",
+                    width: 0.5,
+                    opacity: 0.2,
+                },
             },
             enable: true,
             move: {

package/umd/p/polygonMask.js

@@ -106,8 +106,11 @@
         polygon: {
             draw: {
                 enable: true,
-                lineColor: "rgba(255,255,255,0.2)",
-                lineWidth: 1,
+                stroke: {
+                    color: "#fff",
+                    width: 1,
+                    opacity: 0.2,
+                },
             },
             enable: true,
             move: {

package/umd/s/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", "./seaAnemone.js", "./shadow.js", "./shapeArrow.js", "./shapeCog.js", "./shapeHeart.js", "./shapeMultilineText.js", "./shapeOptions.js", "./shapePath.js", "./shapeRoundedPolygon.js", "./shapeRoundedRect.js", "./shapeSpiral.js", "./slow.js", "./snow.js", "./soundsAudio.js", "./soundsLoop.js", "./soundsMelodies.js", "./soundsMelodyLoop.js", "./soundsNotes.js", "./speedDecay.js", "./spin.js", "./star.js", "./strokeAnimation.js", "./style.js", "./svgReplace.js"], factory);
+        define(["require", "exports", "./seaAnemone.js", "./shadow.js", "./shapeArrow.js", "./shapeCog.js", "./shapeEmoji.js", "./shapeHeart.js", "./shapeMultilineText.js", "./shapeOptions.js", "./shapePath.js", "./shapeRoundedPolygon.js", "./shapeRoundedRect.js", "./shapeSpiral.js", "./slow.js", "./snow.js", "./soundsAudio.js", "./soundsLoop.js", "./soundsMelodies.js", "./soundsMelodyLoop.js", "./soundsNotes.js", "./speedDecay.js", "./spin.js", "./star.js", "./strokeAnimation.js", "./style.js", "./svgReplace.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const shadow_js_1 = __importDefault(require("./shadow.js"));
     const shapeArrow_js_1 = __importDefault(require("./shapeArrow.js"));
     const shapeCog_js_1 = __importDefault(require("./shapeCog.js"));
+    const shapeEmoji_js_1 = __importDefault(require("./shapeEmoji.js"));
     const shapeHeart_js_1 = __importDefault(require("./shapeHeart.js"));
     const shapeMultilineText_js_1 = __importDefault(require("./shapeMultilineText.js"));
     const shapeOptions_js_1 = __importDefault(require("./shapeOptions.js"));
@@ -41,6 +42,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         shadow: shadow_js_1.default,
         shapeArrow: shapeArrow_js_1.default,
         shapeCog: shapeCog_js_1.default,
+        shapeEmoji: shapeEmoji_js_1.default,
         shapeHeart: shapeHeart_js_1.default,
         shapeMultilineText: shapeMultilineText_js_1.default,
         shapeOptions: shapeOptions_js_1.default,