@tsparticles/configs 3.9.1 → 4.0.0-alpha.0

package/cjs/e/emitterImages.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "emitterImages",
     name: "Emitter Images",
@@ -47,82 +45,82 @@ const options = {
                 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,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/avocado.png",
+                            src: "https://particles.js.org/images/hdr/fruits/avocado.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/banana.png",
+                            src: "https://particles.js.org/images/hdr/fruits/banana.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/berries.png",
+                            src: "https://particles.js.org/images/hdr/fruits/berries.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/cherry.png",
+                            src: "https://particles.js.org/images/hdr/fruits/cherry.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/grapes.png",
+                            src: "https://particles.js.org/images/hdr/fruits/grapes.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/lemon.png",
+                            src: "https://particles.js.org/images/hdr/fruits/lemon.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/orange.png",
+                            src: "https://particles.js.org/images/hdr/fruits/orange.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/peach.png",
+                            src: "https://particles.js.org/images/hdr/fruits/peach.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/pear.png",
+                            src: "https://particles.js.org/images/hdr/fruits/pear.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/pepper.png",
+                            src: "https://particles.js.org/images/hdr/fruits/pepper.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/plum.png",
+                            src: "https://particles.js.org/images/hdr/fruits/plum.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/star.png",
+                            src: "https://particles.js.org/images/hdr/fruits/star.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/strawberry.png",
+                            src: "https://particles.js.org/images/hdr/fruits/strawberry.png",
                             width: 32,
                             height: 32,
                         },
                         {
-                            src: "https://particles.js.org/images/fruits/watermelon.png",
+                            src: "https://particles.js.org/images/hdr/fruits/watermelon.png",
                             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",
                             width: 32,
                             height: 32,
                         },
@@ -132,4 +130,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/e/emitterPaths.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "emitterPaths",
     name: "Emitter Paths",
@@ -12,11 +10,6 @@ const options = {
         },
         move: {
             enable: true,
-            trail: {
-                enable: true,
-                fill: { color: "#fff" },
-                length: 20,
-            },
             outModes: "destroy",
         },
         shape: {
@@ -87,5 +80,10 @@ const options = {
             },
         },
     ],
+    trail: {
+        enable: true,
+        fill: { color: "#fff" },
+        length: 20,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/e/emitterShapes.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const rate = {
     delay: 0.1,
     quantity: 3,
@@ -82,4 +80,4 @@ const options = {
         }, false, { x: 50, y: 75 }),
     ],
 };
-exports.default = options;
+export default options;

package/cjs/e/emitterSpawnColor.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const engine_1 = require("@tsparticles/engine");
+import { MoveDirection } from "@tsparticles/engine";
 const emitterRate = {
     delay: 0.1,
     quantity: 2,
@@ -40,7 +38,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.bottomRight,
+                    direction: MoveDirection.bottomRight,
                 },
             },
             spawnColor: {
@@ -61,7 +59,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.topRight,
+                    direction: MoveDirection.topRight,
                 },
             },
             spawnColor: {
@@ -86,7 +84,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.bottomLeft,
+                    direction: MoveDirection.bottomLeft,
                 },
             },
             spawnColor: {
@@ -111,7 +109,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.topLeft,
+                    direction: MoveDirection.topLeft,
                 },
             },
             spawnColor: {
@@ -140,7 +138,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.none,
+                    direction: MoveDirection.none,
                 },
             },
             spawnColor: {
@@ -163,4 +161,4 @@ const emitterRate = {
         },
     ],
 };
-exports.default = options;
+export default options;

package/cjs/e/emitterTextShape.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const minAlphaFilter = 0, rate = {
     delay: 0.1,
     quantity: 100,
@@ -98,4 +96,4 @@ const minAlphaFilter = 0, rate = {
         }, true, { x: 50, y: 50 }),
     ],
 };
-exports.default = options;
+export default options;

package/cjs/e/emitterTextStrokeShape.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const minAlphaFilter = 0, rate = {
     delay: 0.1,
     quantity: 100,
@@ -98,4 +96,4 @@ const minAlphaFilter = 0, rate = {
         }, false, { x: 50, y: 50 }),
     ],
 };
-exports.default = options;
+export default options;

package/cjs/e/index.js

@@ -1,33 +1,28 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const effectBubble_js_1 = __importDefault(require("./effectBubble.js"));
-const effectTrail_js_1 = __importDefault(require("./effectTrail.js"));
-const effectTrailTransform_js_1 = __importDefault(require("./effectTrailTransform.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 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 = {
-    effectBubble: effectBubble_js_1.default,
-    effectTrail: effectTrail_js_1.default,
-    effectTrailTransform: effectTrailTransform_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,
-    emitterSpawnColor: emitterSpawnColor_js_1.default,
-    emitterTextShape: emitterTextShape_js_1.default,
-    emitterTextStrokeShape: emitterTextStrokeShape_js_1.default,
+import effectBubble from "./effectBubble.js";
+import effectTrail from "./effectTrail.js";
+import effectTrailTransform from "./effectTrailTransform.js";
+import emitter from "./emitter.js";
+import emitterAbsorber from "./emitterAbsorber.js";
+import emitterAngled from "./emitterAngled.js";
+import emitterImageShape from "./emitterImageShape.js";
+import emitterImages from "./emitterImages.js";
+import emitterPaths from "./emitterPaths.js";
+import emitterShapes from "./emitterShapes.js";
+import emitterSpawnColor from "./emitterSpawnColor.js";
+import emitterTextShape from "./emitterTextShape.js";
+import emitterTextStrokeShape from "./emitterTextStrokeShape.js";
+export default {
+    effectBubble,
+    effectTrail,
+    effectTrailTransform,
+    emitter,
+    emitterAbsorber,
+    emitterAngled,
+    emitterImageShape,
+    emitterImages,
+    emitterPaths,
+    emitterShapes,
+    emitterSpawnColor,
+    emitterTextShape,
+    emitterTextStrokeShape,
 };

package/cjs/f/fallingConfetti.js

@@ -0,0 +1,137 @@
+const options = {
+    key: "fallingConfetti",
+    name: "Falling Confetti",
+    background: {
+        color: "#000000",
+    },
+    particles: {
+        color: {
+            value: [
+                "#FF0000",
+                "#FF2A00",
+                "#FF5500",
+                "#FF8000",
+                "#FFAA00",
+                "#FFD400",
+                "#FFFF00",
+                "#D4FF00",
+                "#AAFF00",
+                "#80FF00",
+                "#55FF00",
+                "#2AFF00",
+                "#00FF00",
+                "#00FF2A",
+                "#00FF55",
+                "#00FF80",
+                "#00FFAA",
+                "#00FFD4",
+                "#00FFFF",
+                "#00D4FF",
+                "#00AAFF",
+                "#0080FF",
+                "#0055FF",
+                "#002AFF",
+                "#0000FF",
+                "#2A00FF",
+                "#5500FF",
+                "#8000FF",
+                "#AA00FF",
+                "#D400FF",
+                "#FF00FF",
+                "#FF00D4",
+                "#FF00AA",
+                "#FF0080",
+                "#FF0055",
+                "#FF002A",
+            ],
+            animation: {
+                enable: true,
+                speed: 30,
+            },
+        },
+        move: {
+            direction: "bottom",
+            enable: true,
+            outModes: "out",
+            speed: {
+                min: 3,
+                max: 10,
+            },
+        },
+        number: {
+            value: 300,
+        },
+        opacity: {
+            value: 1,
+        },
+        rotate: {
+            value: {
+                min: 0,
+                max: 360,
+            },
+            direction: "random",
+            move: true,
+            animation: {
+                enable: true,
+                speed: 60,
+            },
+        },
+        tilt: {
+            direction: "random",
+            enable: true,
+            value: {
+                min: 0,
+                max: 360,
+            },
+            animation: {
+                enable: true,
+                speed: 60,
+            },
+        },
+        shape: {
+            type: ["circle", "square", "polygon"],
+            options: {
+                polygon: [
+                    {
+                        sides: 5,
+                    },
+                    {
+                        sides: 6,
+                    },
+                ],
+            },
+        },
+        size: {
+            value: {
+                min: 5,
+                max: 15,
+            },
+        },
+        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,
+            },
+        },
+    },
+};
+export default options;

package/cjs/f/fireworks.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const engine_1 = require("@tsparticles/engine");
+import { EventType } from "@tsparticles/engine";
 const options = {
     key: "fireworks",
     name: "Fireworks",
@@ -52,7 +50,44 @@ const options = {
                         width: 0,
                     },
                     color: {
-                        value: ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"],
+                        value: [
+                            "#FF0000",
+                            "#FF2A00",
+                            "#FF5500",
+                            "#FF8000",
+                            "#FFAA00",
+                            "#FFD400",
+                            "#FFFF00",
+                            "#D4FF00",
+                            "#AAFF00",
+                            "#80FF00",
+                            "#55FF00",
+                            "#2AFF00",
+                            "#00FF00",
+                            "#00FF2A",
+                            "#00FF55",
+                            "#00FF80",
+                            "#00FFAA",
+                            "#00FFD4",
+                            "#00FFFF",
+                            "#00D4FF",
+                            "#00AAFF",
+                            "#0080FF",
+                            "#0055FF",
+                            "#002AFF",
+                            "#0000FF",
+                            "#2A00FF",
+                            "#5500FF",
+                            "#8000FF",
+                            "#AA00FF",
+                            "#D400FF",
+                            "#FF00FF",
+                            "#FF00D4",
+                            "#FF00AA",
+                            "#FF0080",
+                            "#FF0055",
+                            "#FF002A",
+                        ],
                     },
                     number: {
                         value: 0,
@@ -159,18 +194,13 @@ const options = {
                 default: "destroy",
                 top: "none",
             },
-            trail: {
-                fill: { color: "#000" },
-                enable: true,
-                length: 10,
-            },
         },
     },
     sounds: {
         enable: true,
         events: [
             {
-                event: engine_1.EventType.particleRemoved,
+                event: EventType.particleRemoved,
                 filter: (args) => args.data.particle.options.move.gravity.inverse,
                 audio: [
                     "https://particles.js.org/audio/explosion0.mp3",
@@ -181,5 +211,10 @@ const options = {
         ],
         volume: 50,
     },
+    trail: {
+        fill: { color: "#000" },
+        enable: true,
+        length: 10,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/f/fireworks2.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const engine_1 = require("@tsparticles/engine");
+import { EventType } from "@tsparticles/engine";
 const options = {
     key: "fireworks2",
     name: "Fireworks 2",
@@ -8,17 +6,7 @@ const options = {
         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,
-        cover: {
-            color: "#000",
-        },
+        color: "#000",
     },
     emitters: {
         direction: "top",
@@ -65,7 +53,44 @@ const options = {
                         width: 0,
                     },
                     color: {
-                        value: ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"],
+                        value: [
+                            "#FF0000",
+                            "#FF2A00",
+                            "#FF5500",
+                            "#FF8000",
+                            "#FFAA00",
+                            "#FFD400",
+                            "#FFFF00",
+                            "#D4FF00",
+                            "#AAFF00",
+                            "#80FF00",
+                            "#55FF00",
+                            "#2AFF00",
+                            "#00FF00",
+                            "#00FF2A",
+                            "#00FF55",
+                            "#00FF80",
+                            "#00FFAA",
+                            "#00FFD4",
+                            "#00FFFF",
+                            "#00D4FF",
+                            "#00AAFF",
+                            "#0080FF",
+                            "#0055FF",
+                            "#002AFF",
+                            "#0000FF",
+                            "#2A00FF",
+                            "#5500FF",
+                            "#8000FF",
+                            "#AA00FF",
+                            "#D400FF",
+                            "#FF00FF",
+                            "#FF00D4",
+                            "#FF00AA",
+                            "#FF0080",
+                            "#FF0055",
+                            "#FF002A",
+                        ],
                     },
                     number: {
                         value: 0,
@@ -182,7 +207,7 @@ const options = {
         enable: true,
         events: [
             {
-                event: engine_1.EventType.particleRemoved,
+                event: EventType.particleRemoved,
                 filter: (args) => args.data.particle.options.move.gravity.inverse,
                 audio: [
                     "https://particles.js.org/audio/explosion0.mp3",
@@ -194,4 +219,4 @@ const options = {
         volume: 50,
     },
 };
-exports.default = options;
+export default options;