@tsparticles/configs 4.0.0-beta.11 → 4.0.0-beta.15

package/cjs/c/index.js

@@ -7,6 +7,7 @@ import collisionsAbsorb from "./collisionsAbsorb.js";
 import collisionsBounce from "./collisionsBounce.js";
 import collisionsDestroy from "./collisionsDestroy.js";
 import colorAnimation from "./colorAnimation.js";
+import confettiExplosions from "./confettiExplosions.js";
 import connect from "./connect.js";
 import curlNoise from "./curlNoise.js";
 export default {
@@ -19,6 +20,7 @@ export default {
     collisionsBounce,
     collisionsDestroy,
     colorAnimation,
+    confettiExplosions,
     connect,
     curlNoise,
 };

package/cjs/d/destroyExplode.js

@@ -0,0 +1,68 @@
+const options = {
+    key: "destroyExplode",
+    name: "Destroy Explode",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        destroy: {
+            mode: "explode",
+            explode: {
+                maxSizeFactor: 5,
+                speed: 2,
+            },
+        },
+        paint: {
+            fill: {
+                color: {
+                    value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
+                },
+                enable: true,
+            },
+            stroke: {
+                width: 0,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.9,
+        },
+        size: {
+            value: {
+                min: 10,
+                max: 15,
+            },
+        },
+        collisions: {
+            enable: true,
+            mode: "destroy",
+        },
+        move: {
+            enable: true,
+            speed: 3,
+            outModes: "bounce",
+        },
+    },
+    interactivity: {
+        events: {
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            push: {
+                quantity: 1,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/cjs/d/index.js

@@ -5,6 +5,7 @@ import delayOpacity from "./delayOpacity.js";
 import delaySize from "./delaySize.js";
 import delayStrokeColor from "./delayStrokeColor.js";
 import destroy from "./destroy.js";
+import destroyExplode from "./destroyExplode.js";
 import disappearing from "./disappearing.js";
 import divEvents from "./divEvents.js";
 export default {
@@ -15,6 +16,7 @@ export default {
     delaySize,
     delayStrokeColor,
     destroy,
+    destroyExplode,
     disappearing,
     divEvents,
 };

package/cjs/f/fireworks.js

@@ -176,6 +176,9 @@ const options = {
             },
         },
         paint: {
+            fill: {
+                enable: false,
+            },
             stroke: {
                 color: {
                     value: "#ffffff",

package/cjs/f/fireworks3.js

@@ -34,6 +34,9 @@ const thirdFactor = 3, third = identity / thirdFactor, options = {
     },
     particles: {
         paint: {
+            fill: {
+                enable: false,
+            },
             stroke: {
                 color: {
                     value: [

package/cjs/index.lazy.js

@@ -0,0 +1,71 @@
+import { tsParticles } from "@tsparticles/engine/lazy";
+import a from "./a/index.js";
+import b from "./b/index.js";
+import c from "./c/index.js";
+import d from "./d/index.js";
+import e from "./e/index.js";
+import f from "./f/index.js";
+import g from "./g/index.js";
+import h from "./h/index.js";
+import i from "./i/index.js";
+import j from "./j/index.js";
+import k from "./k/index.js";
+import l from "./l/index.js";
+import m from "./m/index.js";
+import n from "./n/index.js";
+import o from "./o/index.js";
+import p from "./p/index.js";
+import { palettes } from "./palettes.js";
+import q from "./q/index.js";
+import r from "./r/index.js";
+import s from "./s/index.js";
+import t from "./t/index.js";
+import u from "./u/index.js";
+import v from "./v/index.js";
+import w from "./w/index.js";
+import x from "./x/index.js";
+import y from "./y/index.js";
+import z from "./z/index.js";
+for (const key of Object.keys(palettes)) {
+    const palette = palettes[key];
+    if (!palette) {
+        continue;
+    }
+    tsParticles.pluginManager.addPalette(key, palette);
+}
+const configs = {
+    ...a,
+    ...b,
+    ...c,
+    ...d,
+    ...e,
+    ...f,
+    ...g,
+    ...h,
+    ...i,
+    ...j,
+    ...k,
+    ...l,
+    ...m,
+    ...n,
+    ...o,
+    ...p,
+    ...q,
+    ...r,
+    ...s,
+    ...t,
+    ...u,
+    ...v,
+    ...w,
+    ...x,
+    ...y,
+    ...z,
+};
+for (const key of Object.keys(configs)) {
+    const config = configs[key];
+    if (!config) {
+        continue;
+    }
+    tsParticles.pluginManager.addConfig(config);
+}
+export default configs;

package/cjs/m/index.js

@@ -5,6 +5,8 @@ import motionReduce from "./motionReduce.js";
 import mouseAttract from "./mouseAttract.js";
 import mouseBounce from "./mouseBounce.js";
 import mouseCannon from "./mouseCannon.js";
+import mouseDestroy from "./mouseDestroy.js";
+import mouseDestroyExplode from "./mouseDestroyExplode.js";
 import mouseDrag from "./mouseDrag.js";
 import mouseDragMomentum from "./mouseDragMomentum.js";
 import mouseFollow from "./mouseFollow.js";
@@ -26,6 +28,8 @@ export default {
     mouseAttract,
     mouseBounce,
     mouseCannon,
+    mouseDestroy,
+    mouseDestroyExplode,
     mouseDrag,
     mouseDragMomentum,
     mouseFollow,

package/cjs/m/mouseDestroy.js

@@ -0,0 +1,61 @@
+const options = {
+    key: "mouseDestroy",
+    name: "Mouse Destroy",
+    particles: {
+        number: {
+            value: 120,
+            density: {
+                enable: true,
+            },
+        },
+        paint: {
+            fill: {
+                color: {
+                    value: ["#7dd3fc", "#34d399", "#fbbf24", "#f97316", "#ef4444"],
+                },
+                enable: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.8,
+        },
+        size: {
+            value: {
+                min: 2,
+                max: 5,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 1.8,
+            outModes: "bounce",
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "destroy",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            destroy: {
+                distance: 130,
+            },
+            push: {
+                quantity: 6,
+            },
+        },
+    },
+    background: {
+        color: "#05070b",
+    },
+};
+export default options;

package/cjs/m/mouseDestroyExplode.js

@@ -0,0 +1,84 @@
+const options = {
+    key: "mouseDestroyExplode",
+    name: "Mouse Destroy Explode Stress",
+    particles: {
+        number: {
+            value: 500,
+        },
+        destroy: {
+            mode: "explode",
+            explode: {
+                maxSizeFactor: 10,
+                speed: 2,
+            },
+        },
+        paint: {
+            fill: {
+                enable: false,
+            },
+            stroke: {
+                color: {
+                    value: ["#60a5fa", "#22d3ee", "#22c55e", "#fde047", "#f97316", "#ef4444"],
+                },
+                width: 2,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 7,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 4,
+            direction: "inside",
+            outModes: "destroy",
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: ["attract", "destroy", "repulse"],
+            },
+        },
+        modes: {
+            destroy: {
+                distance: 75,
+            },
+            repulse: {
+                distance: 75,
+            },
+            attract: {
+                distance: 1920,
+                speed: 7,
+            },
+        },
+    },
+    background: {
+        color: "#030712",
+    },
+    emitters: {
+        fill: false,
+        size: {
+            width: 100,
+            height: 100,
+        },
+        position: {
+            x: 50,
+            y: 50,
+        },
+        rate: {
+            delay: 0.1,
+            quantity: 20,
+        },
+    },
+};
+export default options;

package/esm/browser.js

@@ -0,0 +1,3 @@
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+export * from "./index.js";

package/esm/bundle.js

@@ -1 +1,3 @@
 export * from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals ??= {};

package/esm/c/chars.js

@@ -9,6 +9,9 @@ const options = {
             },
         },
         paint: {
+            fill: {
+                enable: false,
+            },
             stroke: {
                 width: 1,
                 color: { value: "#ffffff" },

package/esm/c/confettiExplosions.js

@@ -0,0 +1,151 @@
+const options = {
+    key: "confettiExplosions",
+    name: "Confetti Explosions",
+    background: {
+        color: "#1a1a2e",
+    },
+    fullScreen: {
+        enable: true,
+        zIndex: 100,
+    },
+    particles: {
+        paint: {
+            fill: {
+                enable: true,
+                color: {
+                    value: [
+                        "#FF0044",
+                        "#FF4400",
+                        "#FFCC00",
+                        "#00CC44",
+                        "#00AAFF",
+                        "#AA00FF",
+                        "#FF00AA",
+                        "#00FFCC",
+                        "#FF6600",
+                        "#FFFFFF",
+                    ],
+                },
+            },
+        },
+        number: {
+            value: 0,
+            density: {
+                enable: true,
+            },
+        },
+        shape: {
+            type: ["square", "circle"],
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 5,
+            },
+        },
+        opacity: {
+            value: { min: 0, max: 1 },
+            animation: {
+                enable: true,
+                startValue: "max",
+                destroy: "min",
+                speed: 3,
+            },
+        },
+        move: {
+            angle: {
+                value: 45,
+                offset: 0,
+            },
+            drift: 0,
+            enable: true,
+            gravity: {
+                enable: true,
+                acceleration: 9.81,
+            },
+            speed: {
+                min: 15,
+                max: 25,
+            },
+            decay: 0.1,
+            random: true,
+            straight: false,
+            outModes: {
+                default: "destroy",
+                top: "none",
+            },
+        },
+        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,
+            },
+        },
+        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,
+            },
+        },
+    },
+    emitters: {
+        name: "confetti",
+        size: {
+            width: 0,
+            height: 0,
+        },
+        rate: {
+            delay: 0,
+            quantity: 50,
+        },
+        life: {
+            count: 0,
+            duration: 0.1,
+            delay: 0.4,
+        },
+    },
+    motion: {
+        disable: true,
+    },
+    blend: {
+        mode: "source-over",
+    },
+};
+export default options;

package/esm/c/index.js

@@ -7,6 +7,7 @@ import collisionsAbsorb from "./collisionsAbsorb.js";
 import collisionsBounce from "./collisionsBounce.js";
 import collisionsDestroy from "./collisionsDestroy.js";
 import colorAnimation from "./colorAnimation.js";
+import confettiExplosions from "./confettiExplosions.js";
 import connect from "./connect.js";
 import curlNoise from "./curlNoise.js";
 export default {
@@ -19,6 +20,7 @@ export default {
     collisionsBounce,
     collisionsDestroy,
     colorAnimation,
+    confettiExplosions,
     connect,
     curlNoise,
 };

package/esm/d/destroyExplode.js

@@ -0,0 +1,68 @@
+const options = {
+    key: "destroyExplode",
+    name: "Destroy Explode",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        destroy: {
+            mode: "explode",
+            explode: {
+                maxSizeFactor: 5,
+                speed: 2,
+            },
+        },
+        paint: {
+            fill: {
+                color: {
+                    value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
+                },
+                enable: true,
+            },
+            stroke: {
+                width: 0,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.9,
+        },
+        size: {
+            value: {
+                min: 10,
+                max: 15,
+            },
+        },
+        collisions: {
+            enable: true,
+            mode: "destroy",
+        },
+        move: {
+            enable: true,
+            speed: 3,
+            outModes: "bounce",
+        },
+    },
+    interactivity: {
+        events: {
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            push: {
+                quantity: 1,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/d/index.js

@@ -5,6 +5,7 @@ import delayOpacity from "./delayOpacity.js";
 import delaySize from "./delaySize.js";
 import delayStrokeColor from "./delayStrokeColor.js";
 import destroy from "./destroy.js";
+import destroyExplode from "./destroyExplode.js";
 import disappearing from "./disappearing.js";
 import divEvents from "./divEvents.js";
 export default {
@@ -15,6 +16,7 @@ export default {
     delaySize,
     delayStrokeColor,
     destroy,
+    destroyExplode,
     disappearing,
     divEvents,
 };

package/esm/f/fireworks.js

@@ -176,6 +176,9 @@ const options = {
             },
         },
         paint: {
+            fill: {
+                enable: false,
+            },
             stroke: {
                 color: {
                     value: "#ffffff",

package/esm/f/fireworks3.js

@@ -34,6 +34,9 @@ const thirdFactor = 3, third = identity / thirdFactor, options = {
     },
     particles: {
         paint: {
+            fill: {
+                enable: false,
+            },
             stroke: {
                 color: {
                     value: [