@tsparticles/configs 4.0.0-beta.16 → 4.0.0-beta.17

package/tsparticles.configs.js

@@ -1,12 +1,12 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* Utility v4.0.0-beta.16 */
+/* Utility v4.0.0-beta.17 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['@tsparticles/engine'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.__tsParticlesInternals.engine));
 })(this, (function (engine) { 'use strict';
 
-    const options$2_ = {
+    const options$2$ = {
         key: "absorbers",
         name: "Absorbers",
         particles: {
@@ -79,7 +79,7 @@
         },
     };
 
-    const options$2Z = {
+    const options$2_ = {
         key: "amongUs",
         name: "Among Us",
         particles: {
@@ -213,11 +213,11 @@
     };
 
     var a = {
-        absorbers: options$2_,
-        amongUs: options$2Z,
+        absorbers: options$2$,
+        amongUs: options$2_,
     };
 
-    const options$2Y = {
+    const options$2Z = {
         key: "backgroundMask",
         name: "Background Mask",
         particles: {
@@ -304,7 +304,7 @@
         },
     };
 
-    const options$2X = {
+    const options$2Y = {
         key: "backgroundMaskImage",
         name: "Background Mask Image",
         particles: {
@@ -379,7 +379,7 @@
         },
     };
 
-    const options$2W = {
+    const options$2X = {
         key: "basic",
         name: "Basic",
         particles: {
@@ -451,7 +451,7 @@
         },
     };
 
-    const options$2V = {
+    const options$2W = {
         key: "big",
         name: "Big Particles",
         particles: {
@@ -537,7 +537,7 @@
         },
     };
 
-    const options$2U = {
+    const options$2V = {
         key: "bigBlend",
         name: "Big Particles with Blend",
         particles: {
@@ -624,7 +624,7 @@
         },
     };
 
-    const options$2T = {
+    const options$2U = {
         key: "bigBlendCombo",
         name: "Big Particles with Global and Particle Blend",
         particles: {
@@ -715,7 +715,7 @@
         },
     };
 
-    const options$2S = {
+    const options$2T = {
         key: "bigBlendParticle",
         name: "Big Particles with Particle Blend",
         particles: {
@@ -802,7 +802,7 @@
         },
     };
 
-    const options$2R = {
+    const options$2S = {
         key: "blackHole",
         name: "Black Hole",
         particles: {
@@ -873,7 +873,7 @@
         },
     };
 
-    const options$2Q = {
+    const options$2R = {
         key: "bubble",
         name: "Bubble",
         particles: {
@@ -966,18 +966,18 @@
     };
 
     var b = {
-        backgroundMask: options$2Y,
-        backgroundMaskImage: options$2X,
-        basic: options$2W,
-        big: options$2V,
-        bigBlend: options$2U,
-        bigBlendCombo: options$2T,
-        bigBlendParticle: options$2S,
-        blackHole: options$2R,
-        bubble: options$2Q,
+        backgroundMask: options$2Z,
+        backgroundMaskImage: options$2Y,
+        basic: options$2X,
+        big: options$2W,
+        bigBlend: options$2V,
+        bigBlendCombo: options$2U,
+        bigBlendParticle: options$2T,
+        blackHole: options$2S,
+        bubble: options$2R,
     };
 
-    const options$2P = {
+    const options$2Q = {
         key: "cardSuits",
         name: "Card Suits",
         particles: {
@@ -1080,7 +1080,7 @@
     const cardSuits$1 = ["spades", "hearts", "diamonds", "clubs"], cardValues$1 = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"], allCards$1 = cardSuits$1.flatMap(suit => cardValues$1.map(value => ({
         suit,
         value,
-    }))), options$2O = {
+    }))), options$2P = {
         key: "cards",
         name: "Cards",
         particles: {
@@ -1145,7 +1145,7 @@
     const cardSuits = ["spades", "hearts", "diamonds", "clubs"], cardValues = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"], allCards = cardSuits.flatMap(suit => cardValues.map(value => ({
         suit,
         value,
-    }))), options$2N = {
+    }))), options$2O = {
         key: "cardsRolling",
         name: "Cards Rolling",
         particles: {
@@ -1235,7 +1235,7 @@
         },
     };
 
-    const options$2M = {
+    const options$2N = {
         key: "chars",
         name: "Chars",
         particles: {
@@ -1340,7 +1340,7 @@
         },
     };
 
-    const options$2L = {
+    const options$2M = {
         key: "clickPause",
         name: "Click Pause",
         particles: {
@@ -1422,7 +1422,7 @@
         },
     };
 
-    const options$2K = {
+    const options$2L = {
         key: "collisionsAbsorb",
         name: "Collisions Absorb",
         particles: {
@@ -1506,7 +1506,7 @@
         },
     };
 
-    const options$2J = {
+    const options$2K = {
         key: "collisionsBounce",
         name: "Collisions Bounce",
         particles: {
@@ -1587,7 +1587,7 @@
         },
     };
 
-    const options$2I = {
+    const options$2J = {
         key: "collisionsDestroy",
         name: "Collisions Destroy",
         particles: {
@@ -1672,7 +1672,7 @@
         smooth: true,
     };
 
-    const options$2H = {
+    const options$2I = {
         key: "colorAnimation",
         name: "Color Animation",
         particles: {
@@ -1749,7 +1749,7 @@
         },
     };
 
-    const options$2G = {
+    const options$2H = {
         key: "confettiExplosions",
         name: "Confetti Explosions",
         background: {
@@ -1900,7 +1900,7 @@
         },
     };
 
-    const options$2F = {
+    const options$2G = {
         key: "connect",
         name: "Connect",
         interactivity: {
@@ -2016,7 +2016,7 @@
         },
     };
 
-    const options$2E = {
+    const options$2F = {
         key: "curlNoise",
         name: "Curl Noise",
         particles: {
@@ -2072,21 +2072,21 @@
     };
 
     var c = {
-        cardSuits: options$2P,
-        cards: options$2O,
-        cardsRolling: options$2N,
-        chars: options$2M,
-        clickPause: options$2L,
-        collisionsAbsorb: options$2K,
-        collisionsBounce: options$2J,
-        collisionsDestroy: options$2I,
-        colorAnimation: options$2H,
-        confettiExplosions: options$2G,
-        connect: options$2F,
-        curlNoise: options$2E,
+        cardSuits: options$2Q,
+        cards: options$2P,
+        cardsRolling: options$2O,
+        chars: options$2N,
+        clickPause: options$2M,
+        collisionsAbsorb: options$2L,
+        collisionsBounce: options$2K,
+        collisionsDestroy: options$2J,
+        colorAnimation: options$2I,
+        confettiExplosions: options$2H,
+        connect: options$2G,
+        curlNoise: options$2F,
     };
 
-    const options$2D = {
+    const options$2E = {
         key: "dataImages",
         name: "Data URI Images",
         interactivity: {
@@ -2199,7 +2199,7 @@
         },
     };
 
-    const options$2C = {
+    const options$2D = {
         key: "delay",
         name: "Delay",
         delay: 5,
@@ -2272,7 +2272,7 @@
         },
     };
 
-    const options$2B = {
+    const options$2C = {
         key: "delayColor",
         name: "Delay Color",
         background: {
@@ -2317,7 +2317,7 @@
         },
     };
 
-    const options$2A = {
+    const options$2B = {
         key: "delayOpacity",
         name: "Delay Opacity",
         background: {
@@ -2361,7 +2361,7 @@
         },
     };
 
-    const options$2z = {
+    const options$2A = {
         key: "delaySize",
         name: "Delay Size",
         background: {
@@ -2405,7 +2405,7 @@
         },
     };
 
-    const options$2y = {
+    const options$2z = {
         key: "delayStrokeColor",
         name: "Delay Stroke Color",
         background: {
@@ -2452,7 +2452,7 @@
         },
     };
 
-    const options$2x = {
+    const options$2y = {
         key: "destroy",
         name: "Destroy",
         particles: {
@@ -2535,7 +2535,7 @@
         },
     };
 
-    const options$2w = {
+    const options$2x = {
         key: "destroyExplode",
         name: "Destroy Explode",
         particles: {
@@ -2603,7 +2603,7 @@
         },
     };
 
-    const options$2v = {
+    const options$2w = {
         key: "disappearing",
         name: "Disappearing",
         background: {
@@ -2695,7 +2695,7 @@
         },
     };
 
-    const options$2u = {
+    const options$2v = {
         key: "divEvents",
         name: "Div Events",
         background: {
@@ -2811,19 +2811,19 @@
     };
 
     var d = {
-        dataImages: options$2D,
-        delay: options$2C,
-        delayColor: options$2B,
-        delayOpacity: options$2A,
-        delaySize: options$2z,
-        delayStrokeColor: options$2y,
-        destroy: options$2x,
-        destroyExplode: options$2w,
-        disappearing: options$2v,
-        divEvents: options$2u,
+        dataImages: options$2E,
+        delay: options$2D,
+        delayColor: options$2C,
+        delayOpacity: options$2B,
+        delaySize: options$2A,
+        delayStrokeColor: options$2z,
+        destroy: options$2y,
+        destroyExplode: options$2x,
+        disappearing: options$2w,
+        divEvents: options$2v,
     };
 
-    const options$2t = {
+    const options$2u = {
         key: "effectBubble",
         name: "Effect Bubble",
         particles: {
@@ -2906,7 +2906,7 @@
         },
     };
 
-    const options$2s = {
+    const options$2t = {
         key: "effectFilter",
         name: "Effect Filter",
         particles: {
@@ -2956,7 +2956,7 @@
         },
     };
 
-    const options$2r = {
+    const options$2s = {
         key: "effectParticles",
         name: "Effect Particles",
         particles: {
@@ -3056,7 +3056,7 @@
         },
     };
 
-    const options$2q = {
+    const options$2r = {
         key: "effectTrail",
         name: "Effect Trail",
         particles: {
@@ -3116,7 +3116,7 @@
         },
     };
 
-    const options$2p = {
+    const options$2q = {
         key: "effectTrailTransform",
         name: "Effect Trail Transform",
         particles: {
@@ -3178,7 +3178,7 @@
         },
     };
 
-    const options$2o = {
+    const options$2p = {
         key: "emitter",
         name: "Emitter",
         particles: {
@@ -3455,7 +3455,7 @@
         ],
     };
 
-    const options$2n = {
+    const options$2o = {
         key: "emitterAbsorber",
         name: "Emitter and Absorber",
         particles: {
@@ -3602,7 +3602,7 @@
         ],
     };
 
-    const options$2m = {
+    const options$2n = {
         key: "emitterAngled",
         name: "Emitter Angled",
         particles: {
@@ -3664,7 +3664,7 @@
         ],
     };
 
-    const minFilterValue$1 = 30, minFilterAlpha$1 = 0, rate$3 = {
+    const minFilterValue$2 = 30, minFilterAlpha$2 = 0, rate$3 = {
         delay: 0.1,
         quantity: 100,
     }, generateEmitter$3 = (shape, options, fill, position) => {
@@ -3687,7 +3687,7 @@
             rate: rate$3,
             fill,
         };
-    }, options$2l = {
+    }, options$2m = {
         key: "emitterImageShape",
         name: "Emitter Image Shape",
         particles: {
@@ -3753,9 +3753,9 @@
             generateEmitter$3("canvas", {
                 scale: 5,
                 pixels: {
-                    filter: (pixel) => pixel.r < minFilterValue$1 && pixel.g < minFilterValue$1 && pixel.b < minFilterValue$1
+                    filter: (pixel) => pixel.r < minFilterValue$2 && pixel.g < minFilterValue$2 && pixel.b < minFilterValue$2
                         ? false
-                        : pixel.a > minFilterAlpha$1,
+                        : pixel.a > minFilterAlpha$2,
                     offset: 4,
                 },
                 image: {
@@ -3765,7 +3765,7 @@
         ],
     };
 
-    const options$2k = {
+    const options$2l = {
         key: "emitterImages",
         name: "Emitter Images",
         particles: {
@@ -3898,7 +3898,7 @@
         },
     };
 
-    const options$2j = {
+    const options$2k = {
         key: "emitterPaths",
         name: "Emitter Paths",
         particles: {
@@ -4028,7 +4028,7 @@
         { x: 100, y: 0 },
         { x: 50, y: 0 },
         { x: 50, y: 25 },
-    ], options$2i = {
+    ], options$2j = {
         key: "emitterShapes",
         name: "Emitter Shapes",
         particles: {
@@ -4080,7 +4080,7 @@
     const emitterRate$2 = {
         delay: 0.1,
         quantity: 2,
-    }, options$2h = {
+    }, options$2i = {
         key: "emitterSpawnColor",
         name: "Emitter Spawn Color",
         particles: {
@@ -4306,7 +4306,7 @@
             rate: rate$1,
             fill,
         };
-    }, options$2g = {
+    }, options$2h = {
         key: "emitterTextShape",
         name: "Emitter Text Shape",
         particles: {
@@ -4410,7 +4410,7 @@
             rate,
             fill,
         };
-    }, options$2f = {
+    }, options$2g = {
         key: "emitterTextStrokeShape",
         name: "Emitter Text Stroke Shape",
         particles: {
@@ -4496,24 +4496,24 @@
     };
 
     var e = {
-        effectBubble: options$2t,
-        effectFilter: options$2s,
-        effectParticles: options$2r,
-        effectTrail: options$2q,
-        effectTrailTransform: options$2p,
-        emitter: options$2o,
-        emitterAbsorber: options$2n,
-        emitterAngled: options$2m,
-        emitterImageShape: options$2l,
-        emitterImages: options$2k,
-        emitterPaths: options$2j,
-        emitterShapes: options$2i,
-        emitterSpawnColor: options$2h,
-        emitterTextShape: options$2g,
-        emitterTextStrokeShape: options$2f,
+        effectBubble: options$2u,
+        effectFilter: options$2t,
+        effectParticles: options$2s,
+        effectTrail: options$2r,
+        effectTrailTransform: options$2q,
+        emitter: options$2p,
+        emitterAbsorber: options$2o,
+        emitterAngled: options$2n,
+        emitterImageShape: options$2m,
+        emitterImages: options$2l,
+        emitterPaths: options$2k,
+        emitterShapes: options$2j,
+        emitterSpawnColor: options$2i,
+        emitterTextShape: options$2h,
+        emitterTextStrokeShape: options$2g,
     };
 
-    const options$2e = {
+    const options$2f = {
         key: "fallingConfetti",
         name: "Falling Confetti",
         background: {
@@ -4655,7 +4655,7 @@
         },
     };
 
-    const options$2d = {
+    const options$2e = {
         key: "fireworks",
         name: "Fireworks",
         fullScreen: {
@@ -4886,7 +4886,7 @@
         },
     };
 
-    const options$2c = {
+    const options$2d = {
         key: "fireworks2",
         name: "Fireworks 2",
         fullScreen: {
@@ -5118,7 +5118,7 @@
         },
     };
 
-    const thirdFactor = 3, third = engine.identity / thirdFactor, options$2b = {
+    const thirdFactor = 3, third = engine.identity / thirdFactor, options$2c = {
         key: "fireworks3",
         name: "Fireworks 3",
         fullScreen: {
@@ -5328,7 +5328,7 @@
         },
     };
 
-    const options$2a = {
+    const options$2b = {
         key: "fireworksMask",
         name: "Fireworks Background Mask",
         fullScreen: {
@@ -5532,7 +5532,7 @@
         },
     };
 
-    const options$29 = {
+    const options$2a = {
         key: "fontawesome",
         name: "Font Awesome",
         interactivity: {
@@ -5633,7 +5633,7 @@
         },
     };
 
-    const options$28 = {
+    const options$29 = {
         key: "forward",
         name: "Forward",
         particles: {
@@ -5725,16 +5725,16 @@
     };
 
     var f = {
-        fallingConfetti: options$2e,
-        fireworks: options$2d,
-        fireworks2: options$2c,
-        fireworks3: options$2b,
-        fireworksMask: options$2a,
-        fontawesome: options$29,
-        forward: options$28,
+        fallingConfetti: options$2f,
+        fireworks: options$2e,
+        fireworks2: options$2d,
+        fireworks3: options$2c,
+        fireworksMask: options$2b,
+        fontawesome: options$2a,
+        forward: options$29,
     };
 
-    const options$27 = {
+    const options$28 = {
         key: "gifs",
         name: "Gifs",
         interactivity: {
@@ -5785,7 +5785,7 @@
         },
     };
 
-    const options$26 = {
+    const options$27 = {
         key: "grabRandomColor",
         name: "Grab Random Color",
         particles: {
@@ -5873,7 +5873,7 @@
         },
     };
 
-    const options$25 = {
+    const options$26 = {
         key: "gradients",
         name: "Gradients",
         particles: {
@@ -6048,7 +6048,7 @@
         },
     };
 
-    const options$24 = {
+    const options$25 = {
         key: "gravity",
         name: "Gravity",
         particles: {
@@ -6173,7 +6173,7 @@
         },
     };
 
-    const options$23 = {
+    const options$24 = {
         key: "groups",
         name: "Groups",
         particles: {
@@ -6244,7 +6244,7 @@
         },
     };
 
-    const options$22 = {
+    const options$23 = {
         key: "growing",
         name: "Growing",
         emitters: {
@@ -6320,15 +6320,15 @@
     };
 
     var g = {
-        gifs: options$27,
-        grabRandomColor: options$26,
-        gradients: options$25,
-        gravity: options$24,
-        groups: options$23,
-        growing: options$22,
+        gifs: options$28,
+        grabRandomColor: options$27,
+        gradients: options$26,
+        gravity: options$25,
+        groups: options$24,
+        growing: options$23,
     };
 
-    const options$21 = {
+    const options$22 = {
         key: "hexagonPath",
         name: "Hexagon Path",
         particles: {
@@ -6406,7 +6406,7 @@
         },
     };
 
-    const options$20 = {
+    const options$21 = {
         key: "hollowknight",
         name: "Hollow Knight",
         interactivity: {
@@ -6527,7 +6527,7 @@
         },
     };
 
-    const options$1$ = {
+    const options$20 = {
         key: "hyperspace",
         name: "Hyperspace",
         background: {
@@ -6599,12 +6599,12 @@
     };
 
     var h = {
-        hexagonPath: options$21,
-        hollowknight: options$20,
-        hyperspace: options$1$,
+        hexagonPath: options$22,
+        hollowknight: options$21,
+        hyperspace: options$20,
     };
 
-    const minFilterValue = 30, minFilterAlpha = 0, options$1_ = {
+    const minFilterValue$1 = 30, minFilterAlpha$1 = 0, options$1$ = {
         key: "imageMask",
         name: "Image Mask",
         smooth: true,
@@ -6644,6 +6644,70 @@
                 },
             },
         },
+        canvasMask: {
+            enable: true,
+            scale: 5,
+            pixels: {
+                filter: (pixel) => pixel.r < minFilterValue$1 && pixel.g < minFilterValue$1 && pixel.b < minFilterValue$1
+                    ? false
+                    : pixel.a > minFilterAlpha$1,
+            },
+            image: {
+                src: "https://particles.js.org/images/hdr/amongus_cyan.png",
+            },
+        },
+        background: {
+            color: "#000000",
+        },
+    };
+
+    const minFilterValue = 30, minFilterAlpha = 0, options$1_ = {
+        key: "imageMaskRepulse",
+        name: "Image Mask Repulse Restore",
+        smooth: true,
+        interactivity: {
+            events: {
+                onHover: {
+                    enable: true,
+                    mode: "repulse",
+                },
+            },
+            modes: {
+                repulse: {
+                    distance: 50,
+                    duration: 0.4,
+                    speed: 1,
+                    factor: 90,
+                    maxSpeed: 80,
+                    restore: {
+                        enable: true,
+                        delay: 0,
+                        speed: 0.3,
+                        follow: true,
+                    },
+                },
+            },
+        },
+        particles: {
+            move: {
+                direction: "none",
+                distance: 10,
+                enable: false,
+                speed: 1,
+            },
+            number: {
+                value: 600,
+            },
+            shape: {
+                type: ["circle", "square", "triangle"],
+            },
+            size: {
+                value: {
+                    min: 3,
+                    max: 5,
+                },
+            },
+        },
         canvasMask: {
             enable: true,
             scale: 5,
@@ -6658,10 +6722,6 @@
         },
         background: {
             color: "#000000",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
         },
     };
 
@@ -7072,7 +7132,8 @@
     };
 
     var i = {
-        imageMask: options$1_,
+        imageMask: options$1$,
+        imageMaskRepulse: options$1_,
         images: options$1Z,
         imagesDirections: options$1Y,
         infection: options$1X,