@tsparticles/configs 3.9.1 → 4.0.0-alpha.1

package/umd/f/fireworksMask.js

@@ -0,0 +1,207 @@
+(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 options = {
+        key: "fireworksMask",
+        name: "Fireworks Background Mask",
+        fullScreen: {
+            enable: true,
+        },
+        background: {
+            color: "#ffffff",
+            image: "url('https://particles.js.org/images/hdr/background3.jpg')",
+            position: "50% 50%",
+            repeat: "no-repeat",
+            size: "cover",
+        },
+        backgroundMask: {
+            enable: true,
+            cover: {
+                color: "#000",
+            },
+        },
+        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: {
+            color: {
+                value: "#fff",
+            },
+            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,
+                    },
+                },
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: 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: engine_1.EventType.particleRemoved,
+                    filter: (args) => args.data.particle.options.move.gravity.inverse,
+                    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/fontawesome.js

@@ -44,11 +44,6 @@
                 distance: 150,
                 enable: true,
                 opacity: 0.4,
-                shadow: {
-                    blur: 5,
-                    color: "lime",
-                    enable: false,
-                },
                 width: 1,
             },
             move: {

package/umd/f/forward.js

@@ -38,7 +38,7 @@
                 type: "image",
                 options: {
                     image: {
-                        src: "https://particles.js.org/images/arrow.png",
+                        src: "https://particles.js.org/images/hdr/arrow.png",
                         width: 512,
                         height: 512,
                         replaceColor: true,

package/umd/f/index.js

@@ -7,18 +7,22 @@ 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", "./fireworks2.js", "./fontawesome.js", "./forward.js"], factory);
+        define(["require", "exports", "./fallingConfetti.js", "./fireworks.js", "./fireworks2.js", "./fireworksMask.js", "./fontawesome.js", "./forward.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    const fallingConfetti_js_1 = __importDefault(require("./fallingConfetti.js"));
     const fireworks_js_1 = __importDefault(require("./fireworks.js"));
     const fireworks2_js_1 = __importDefault(require("./fireworks2.js"));
+    const fireworksMask_js_1 = __importDefault(require("./fireworksMask.js"));
     const fontawesome_js_1 = __importDefault(require("./fontawesome.js"));
     const forward_js_1 = __importDefault(require("./forward.js"));
     exports.default = {
+        fallingConfetti: fallingConfetti_js_1.default,
         fireworks: fireworks_js_1.default,
         fireworks2: fireworks2_js_1.default,
+        fireworksMask: fireworksMask_js_1.default,
         fontawesome: fontawesome_js_1.default,
         forward: forward_js_1.default,
     };

package/umd/g/gravity.js

@@ -58,11 +58,6 @@
                     default: "bounce",
                     top: "none",
                 },
-                trail: {
-                    enable: true,
-                    fill: { color: "#000000" },
-                    length: 10,
-                },
             },
         },
         background: {
@@ -123,6 +118,11 @@
                 },
             },
         },
+        trail: {
+            enable: true,
+            fill: { color: "#000000" },
+            length: 10,
+        },
     };
     exports.default = options;
 });

package/umd/g/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", "./gifs.js", "./grabRandomColor.js", "./gradients.js", "./gravity.js", "./groups", "./growing.js"], factory);
+        define(["require", "exports", "./gifs.js", "./grabRandomColor.js", "./gradients.js", "./gravity.js", "./groups.js", "./growing.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -16,14 +16,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const grabRandomColor_js_1 = __importDefault(require("./grabRandomColor.js"));
     const gradients_js_1 = __importDefault(require("./gradients.js"));
     const gravity_js_1 = __importDefault(require("./gravity.js"));
-    const groups_1 = __importDefault(require("./groups"));
+    const groups_js_1 = __importDefault(require("./groups.js"));
     const growing_js_1 = __importDefault(require("./growing.js"));
     exports.default = {
         gifs: gifs_js_1.default,
         grabRandomColor: grabRandomColor_js_1.default,
         gradients: gradients_js_1.default,
         gravity: gravity_js_1.default,
-        groups: groups_1.default,
+        groups: groups_js_1.default,
         growing: growing_js_1.default,
     };
 });

package/umd/h/hexagonPath.js

@@ -40,11 +40,6 @@
                     },
                 },
                 speed: 3,
-                trail: {
-                    fill: { color: "#000" },
-                    length: 20,
-                    enable: true,
-                },
             },
             number: {
                 density: {
@@ -80,6 +75,11 @@
                 y: 50,
             },
         },
+        trail: {
+            fill: { color: "#000" },
+            length: 20,
+            enable: true,
+        },
     };
     exports.default = options;
 });

package/umd/h/hollowknight.js

@@ -116,7 +116,7 @@
             },
             scale: 2,
             type: "inline",
-            url: "https://particles.js.org/images/hollowknight.svg",
+            url: "https://particles.js.org/images/hdr/hollowknight.svg",
         },
         background: {
             color: "#000000",

package/umd/h/hyperspace.js

@@ -25,11 +25,6 @@
                     default: "destroy",
                 },
                 speed: 3,
-                trail: {
-                    fill: { color: "#000" },
-                    length: 30,
-                    enable: true,
-                },
             },
             number: {
                 density: {
@@ -72,6 +67,11 @@
                 y: 50,
             },
         },
+        trail: {
+            fill: { color: "#000" },
+            length: 30,
+            enable: true,
+        },
     };
     exports.default = options;
 });

package/umd/i/imageMask.js

@@ -63,7 +63,7 @@
                     : pixel.a > minFilterAlpha,
             },
             image: {
-                src: "https://particles.js.org/images/amongus_cyan.png",
+                src: "https://particles.js.org/images/hdr/amongus_cyan.png",
             },
         },
         background: {

package/umd/i/images.js

@@ -128,97 +128,97 @@
         },
         preload: [
             {
-                src: "https://particles.js.org/images/fruits/apple.png",
+                src: "https://particles.js.org/images/hdr/fruits/apple.png",
                 name: "apple",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/avocado.png",
+                src: "https://particles.js.org/images/hdr/fruits/avocado.png",
                 name: "avocado",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/banana.png",
+                src: "https://particles.js.org/images/hdr/fruits/banana.png",
                 name: "banana",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/berries.png",
+                src: "https://particles.js.org/images/hdr/fruits/berries.png",
                 name: "berries",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/cherry.png",
+                src: "https://particles.js.org/images/hdr/fruits/cherry.png",
                 name: "cherry",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/grapes.png",
+                src: "https://particles.js.org/images/hdr/fruits/grapes.png",
                 name: "grapes",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/lemon.png",
+                src: "https://particles.js.org/images/hdr/fruits/lemon.png",
                 name: "lemon",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/orange.png",
+                src: "https://particles.js.org/images/hdr/fruits/orange.png",
                 name: "orange",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/peach.png",
+                src: "https://particles.js.org/images/hdr/fruits/peach.png",
                 name: "peach",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/pear.png",
+                src: "https://particles.js.org/images/hdr/fruits/pear.png",
                 name: "pear",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/pepper.png",
+                src: "https://particles.js.org/images/hdr/fruits/pepper.png",
                 name: "pepper",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/plum.png",
+                src: "https://particles.js.org/images/hdr/fruits/plum.png",
                 name: "plum",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/star.png",
+                src: "https://particles.js.org/images/hdr/fruits/star.png",
                 name: "star",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/strawberry.png",
+                src: "https://particles.js.org/images/hdr/fruits/strawberry.png",
                 name: "strawberry",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/watermelon.png",
+                src: "https://particles.js.org/images/hdr/fruits/watermelon.png",
                 name: "watermelon",
                 width: 32,
                 height: 32,
             },
             {
-                src: "https://particles.js.org/images/fruits/watermelon_slice.png",
+                src: "https://particles.js.org/images/hdr/fruits/watermelon_slice.png",
                 name: "watermelon_slice",
                 width: 32,
                 height: 32,

package/umd/i/imagesDirections.js

@@ -68,7 +68,7 @@
                 options: {
                     image: [
                         {
-                            src: "https://particles.js.org/images/fruits/apple.png",
+                            src: "https://particles.js.org/images/hdr/fruits/apple.png",
                             width: 32,
                             height: 32,
                             particles: {
@@ -78,7 +78,7 @@
                             },
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/avocado.png",
+                            src: "https://particles.js.org/images/hdr/fruits/avocado.png",
                             width: 32,
                             height: 32,
                             particles: {

package/umd/index.js

@@ -68,7 +68,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         ...index_js_26.default,
     };
     for (const key of Object.keys(configs)) {
-        engine_1.tsParticles.addConfig(configs[key]);
+        const config = configs[key];
+        if (!config) {
+            continue;
+        }
+        engine_1.tsParticles.addConfig(config);
     }
     exports.default = configs;
 });

package/umd/m/multiplePolygonMasks.js

@@ -126,7 +126,7 @@
             },
             scale: 1,
             type: "inline",
-            url: "https://particles.js.org/images/google.svg",
+            url: "https://particles.js.org/images/hdr/google.svg",
         },
         background: {
             color: "#000000",

package/umd/n/noisePlanesFractal.js

@@ -53,7 +53,7 @@
                 path: {
                     enable: true,
                     options: {
-                        size: 32,
+                        size: 64,
                         draw: false,
                         increment: 0.004,
                     },
@@ -79,7 +79,7 @@
                 options: {
                     image: {
                         height: 128,
-                        src: "https://particles.js.org/images/plane_alt.png",
+                        src: "https://particles.js.org/images/hdr/plane_alt.png",
                         width: 128,
                     },
                 },

package/umd/n/noisePlanesPerlin.js

@@ -79,7 +79,7 @@
                 options: {
                     image: {
                         height: 128,
-                        src: "https://particles.js.org/images/plane_alt.png",
+                        src: "https://particles.js.org/images/hdr/plane_alt.png",
                         width: 128,
                     },
                 },

package/umd/n/noisePlanesSimplex.js

@@ -79,7 +79,7 @@
                 options: {
                     image: {
                         height: 128,
-                        src: "https://particles.js.org/images/plane_alt.png",
+                        src: "https://particles.js.org/images/hdr/plane_alt.png",
                         width: 128,
                     },
                 },

package/umd/p/pathSvg.js

@@ -35,13 +35,6 @@
                     },
                     generator: "svgPathGenerator",
                 },
-                trail: {
-                    enable: true,
-                    length: 10,
-                    fill: {
-                        color: "#000000",
-                    },
-                },
             },
             number: {
                 value: 80,
@@ -59,6 +52,13 @@
         background: {
             color: "#000000",
         },
+        trail: {
+            enable: true,
+            length: 10,
+            fill: {
+                color: "#000000",
+            },
+        },
     };
     exports.default = options;
 });

package/umd/p/pathZigZag.js

@@ -28,13 +28,6 @@
                     },
                     generator: "zigZagPathGenerator",
                 },
-                trail: {
-                    enable: true,
-                    length: 20,
-                    fill: {
-                        color: "#000000",
-                    },
-                },
             },
             number: {
                 value: 80,
@@ -52,6 +45,13 @@
         background: {
             color: "#000000",
         },
+        trail: {
+            enable: true,
+            length: 20,
+            fill: {
+                color: "#000000",
+            },
+        },
     };
     exports.default = options;
 });

package/umd/p/planes.js

@@ -50,7 +50,7 @@
                 options: {
                     image: {
                         height: 128,
-                        src: "https://particles.js.org/images/plane_alt.png",
+                        src: "https://particles.js.org/images/hdr/plane_alt.png",
                         width: 128,
                     },
                 },

package/umd/p/polygonMask.js

@@ -126,7 +126,7 @@
             },
             scale: 0.5,
             type: "inline",
-            url: "https://particles.js.org/images/smalldeer.svg",
+            url: "https://particles.js.org/images/hdr/smalldeer.svg",
         },
         background: {
             color: "#000000",