@tsparticles/configs 3.9.1 → 4.0.0-alpha.0

package/cjs/b/backgroundMask.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "backgroundMask",
     name: "Background Mask",
@@ -75,10 +73,10 @@ const options = {
     },
     background: {
         color: "#ffffff",
-        image: "url('https://particles.js.org/images/background3.jpg')",
+        image: "url('https://particles.js.org/images/hdr/background3.jpg')",
         position: "50% 50%",
         repeat: "no-repeat",
         size: "cover",
     },
 };
-exports.default = options;
+export default options;

package/cjs/b/backgroundMaskImage.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "backgroundMaskImage",
     name: "Background Mask Image",
@@ -58,15 +56,15 @@ const options = {
     backgroundMask: {
         enable: true,
         cover: {
-            image: "https://particles.js.org/images/background2.jpg",
+            image: "https://particles.js.org/images/hdr/background2.jpg",
         },
     },
     background: {
         color: "#ffffff",
-        image: "url('https://particles.js.org/images/background3.jpg')",
+        image: "url('https://particles.js.org/images/hdr/background3.jpg')",
         position: "50% 50%",
         repeat: "no-repeat",
         size: "cover",
     },
 };
-exports.default = options;
+export default options;

package/cjs/b/basic.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "basic",
     name: "Basic",
@@ -66,4 +64,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/b/big.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "big",
     name: "Big Particles",
@@ -8,15 +6,52 @@ const options = {
             value: 30,
         },
         color: {
-            value: ["#5bc0eb", "#fde74c", "#9bc53d", "#e55934", "#fa7921"],
+            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",
+            ],
         },
         shape: {
             type: "circle",
         },
         opacity: {
             value: {
-                min: 0.4,
-                max: 0.8,
+                min: 0.5,
+                max: 0.9,
             },
         },
         size: {
@@ -40,4 +75,4 @@ const options = {
         color: "#ffffff",
     },
 };
-exports.default = options;
+export default options;

package/cjs/b/blackHole.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "blackHole",
     name: "Black Hole",
@@ -72,4 +70,4 @@ const options = {
         size: "cover",
     },
 };
-exports.default = options;
+export default options;

package/cjs/b/bubble.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "bubble",
     name: "Bubble",
@@ -86,4 +84,4 @@ const options = {
         color: "#efefef",
     },
 };
-exports.default = options;
+export default options;

package/cjs/b/index.js

@@ -1,19 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const backgroundMask_js_1 = __importDefault(require("./backgroundMask.js"));
-const backgroundMaskImage_js_1 = __importDefault(require("./backgroundMaskImage.js"));
-const basic_js_1 = __importDefault(require("./basic.js"));
-const big_js_1 = __importDefault(require("./big.js"));
-const blackHole_js_1 = __importDefault(require("./blackHole.js"));
-const bubble_js_1 = __importDefault(require("./bubble.js"));
-exports.default = {
-    backgroundMask: backgroundMask_js_1.default,
-    backgroundMaskImage: backgroundMaskImage_js_1.default,
-    basic: basic_js_1.default,
-    big: big_js_1.default,
-    blackHole: blackHole_js_1.default,
-    bubble: bubble_js_1.default,
+import backgroundMask from "./backgroundMask.js";
+import backgroundMaskImage from "./backgroundMaskImage.js";
+import basic from "./basic.js";
+import big from "./big.js";
+import blackHole from "./blackHole.js";
+import bubble from "./bubble.js";
+export default {
+    backgroundMask,
+    backgroundMaskImage,
+    basic,
+    big,
+    blackHole,
+    bubble,
 };

package/cjs/bundle.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./index.js"), exports);
+export * from "./index.js";

package/cjs/c/cards.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "cards",
     name: "Cards",
@@ -79,4 +77,4 @@ const options = {
         color: "#fff",
     },
 };
-exports.default = options;
+export default options;

package/cjs/c/chars.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "chars",
     name: "Chars",
@@ -107,4 +105,4 @@ const options = {
         color: "#0d47a1",
     },
 };
-exports.default = options;
+export default options;

package/cjs/c/clickConfetti.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "clickConfetti",
     name: "Click Confetti",
@@ -162,4 +160,4 @@ const options = {
     },
     detectRetina: true,
 };
-exports.default = options;
+export default options;

package/cjs/c/clickPause.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "clickPause",
     name: "Click Pause",
@@ -76,4 +74,4 @@ const options = {
         color: "#0d47a1",
     },
 };
-exports.default = options;
+export default options;

package/cjs/c/collisionsAbsorb.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "collisionsAbsorb",
     name: "Collisions Absorb",
@@ -88,4 +86,4 @@ const options = {
         color: "#0d47a1",
     },
 };
-exports.default = options;
+export default options;

package/cjs/c/collisionsBounce.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "collisionsBounce",
     name: "Collisions Bounce",
@@ -84,4 +82,4 @@ const options = {
         color: "#0d47a1",
     },
 };
-exports.default = options;
+export default options;

package/cjs/c/collisionsDestroy.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "collisionsDestroy",
     name: "Collisions Destroy",
@@ -111,4 +109,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/c/colorAnimation.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "colorAnimation",
     name: "Color Animation",
@@ -71,4 +69,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/c/connect.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "connect",
     name: "Connect",
@@ -110,4 +108,4 @@ const options = {
         size: "cover",
     },
 };
-exports.default = options;
+export default options;

package/cjs/c/curlNoise.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "curlNoise",
     name: "Curl Noise",
@@ -36,17 +34,17 @@ const options = {
             },
             enable: true,
             speed: 3,
-            trail: {
-                fill: {
-                    color: "#000",
-                },
-                enable: true,
-                length: 1000,
-            },
         },
     },
     background: {
         color: "#000000",
     },
+    trail: {
+        fill: {
+            color: "#000",
+        },
+        enable: true,
+        length: 1000,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/c/index.js

@@ -1,25 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const cards_js_1 = __importDefault(require("./cards.js"));
-const chars_js_1 = __importDefault(require("./chars.js"));
-const clickPause_js_1 = __importDefault(require("./clickPause.js"));
-const collisionsAbsorb_js_1 = __importDefault(require("./collisionsAbsorb.js"));
-const collisionsBounce_js_1 = __importDefault(require("./collisionsBounce.js"));
-const collisionsDestroy_js_1 = __importDefault(require("./collisionsDestroy.js"));
-const colorAnimation_js_1 = __importDefault(require("./colorAnimation.js"));
-const connect_js_1 = __importDefault(require("./connect.js"));
-const curlNoise_js_1 = __importDefault(require("./curlNoise.js"));
-exports.default = {
-    cards: cards_js_1.default,
-    chars: chars_js_1.default,
-    clickPause: clickPause_js_1.default,
-    collisionsAbsorb: collisionsAbsorb_js_1.default,
-    collisionsBounce: collisionsBounce_js_1.default,
-    collisionsDestroy: collisionsDestroy_js_1.default,
-    colorAnimation: colorAnimation_js_1.default,
-    connect: connect_js_1.default,
-    curlNoise: curlNoise_js_1.default,
+import cards from "./cards.js";
+import chars from "./chars.js";
+import clickPause from "./clickPause.js";
+import collisionsAbsorb from "./collisionsAbsorb.js";
+import collisionsBounce from "./collisionsBounce.js";
+import collisionsDestroy from "./collisionsDestroy.js";
+import colorAnimation from "./colorAnimation.js";
+import connect from "./connect.js";
+import curlNoise from "./curlNoise.js";
+export default {
+    cards,
+    chars,
+    clickPause,
+    collisionsAbsorb,
+    collisionsBounce,
+    collisionsDestroy,
+    colorAnimation,
+    connect,
+    curlNoise,
 };

package/cjs/d/dataImages.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "dataImages",
     name: "Data URI Images",
@@ -120,4 +118,4 @@ const options = {
         size: "cover",
     },
 };
-exports.default = options;
+export default options;

package/cjs/d/delay.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "delay",
     name: "Delay",
@@ -67,4 +65,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/d/delayColor.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "delayColor",
     name: "Delay Color",
@@ -39,4 +37,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/d/delayOpacity.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "delayOpacity",
     name: "Delay Opacity",
@@ -37,4 +35,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/d/delaySize.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "delaySize",
     name: "Delay Size",
@@ -37,4 +35,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/d/delayStrokeColor.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "delayStrokeColor",
     name: "Delay Stroke Color",
@@ -44,4 +42,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/d/destroy.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "destroy",
     name: "Destroy",
@@ -77,4 +75,4 @@ const options = {
         color: "#0d47a1",
     },
 };
-exports.default = options;
+export default options;

package/cjs/d/disappearing.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "disappearing",
     name: "Disappearing",
@@ -85,4 +83,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/d/divEvents.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "divEvents",
     name: "Div Events",
@@ -109,4 +107,4 @@ const options = {
     },
     detectRetina: true,
 };
-exports.default = options;
+export default options;

package/cjs/d/index.js

@@ -1,25 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const dataImages_js_1 = __importDefault(require("./dataImages.js"));
-const delay_js_1 = __importDefault(require("./delay.js"));
-const delayColor_js_1 = __importDefault(require("./delayColor.js"));
-const delayOpacity_js_1 = __importDefault(require("./delayOpacity.js"));
-const delaySize_js_1 = __importDefault(require("./delaySize.js"));
-const delayStrokeColor_js_1 = __importDefault(require("./delayStrokeColor.js"));
-const destroy_js_1 = __importDefault(require("./destroy.js"));
-const disappearing_js_1 = __importDefault(require("./disappearing.js"));
-const divEvents_js_1 = __importDefault(require("./divEvents.js"));
-exports.default = {
-    dataImages: dataImages_js_1.default,
-    delay: delay_js_1.default,
-    delayColor: delayColor_js_1.default,
-    delayOpacity: delayOpacity_js_1.default,
-    delaySize: delaySize_js_1.default,
-    delayStrokeColor: delayStrokeColor_js_1.default,
-    destroy: destroy_js_1.default,
-    disappearing: disappearing_js_1.default,
-    divEvents: divEvents_js_1.default,
+import dataImages from "./dataImages.js";
+import delay from "./delay.js";
+import delayColor from "./delayColor.js";
+import delayOpacity from "./delayOpacity.js";
+import delaySize from "./delaySize.js";
+import delayStrokeColor from "./delayStrokeColor.js";
+import destroy from "./destroy.js";
+import disappearing from "./disappearing.js";
+import divEvents from "./divEvents.js";
+export default {
+    dataImages,
+    delay,
+    delayColor,
+    delayOpacity,
+    delaySize,
+    delayStrokeColor,
+    destroy,
+    disappearing,
+    divEvents,
 };

package/cjs/e/effectBubble.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "effectBubble",
     name: "Effect Bubble",
@@ -77,4 +75,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/e/effectTrail.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "effectTrail",
     name: "Effect Trail",
@@ -54,4 +52,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/e/effectTrailTransform.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "effectTrailTransform",
     name: "Effect Trail Transform",
@@ -56,4 +54,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/e/emitter.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "emitter",
     name: "Emitter",
@@ -251,4 +249,4 @@ const options = {
         },
     ],
 };
-exports.default = options;
+export default options;

package/cjs/e/emitterAbsorber.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "emitterAbsorber",
     name: "Emitter and Absorber",
@@ -136,4 +134,4 @@ const options = {
         },
     ],
 };
-exports.default = options;
+export default options;

package/cjs/e/emitterAngled.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "emitterAngled",
     name: "Emitter Angled",
@@ -56,4 +54,4 @@ const options = {
         },
     ],
 };
-exports.default = options;
+export default options;

package/cjs/e/emitterImageShape.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const minFilterValue = 30, minFilterAlpha = 0, rate = {
     delay: 0.1,
     quantity: 100,
@@ -90,9 +88,9 @@ const minFilterValue = 30, minFilterAlpha = 0, rate = {
                 offset: 4,
             },
             image: {
-                src: "https://particles.js.org/images/amongus_cyan.png",
+                src: "https://particles.js.org/images/hdr/amongus_cyan.png",
             },
         }, true, { x: 50, y: 50 }),
     ],
 };
-exports.default = options;
+export default options;