@tsparticles/configs 3.9.1 → 4.0.0-alpha.0

package/cjs/t/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 test_js_1 = __importDefault(require("./test.js"));
-const textMask_js_1 = __importDefault(require("./textMask.js"));
-const textMaskMultiline_js_1 = __importDefault(require("./textMaskMultiline.js"));
-const themes_js_1 = __importDefault(require("./themes.js"));
-const tilt_js_1 = __importDefault(require("./tilt.js"));
-const trail_js_1 = __importDefault(require("./trail.js"));
-const trailImage_js_1 = __importDefault(require("./trailImage.js"));
-const triangles_js_1 = __importDefault(require("./triangles.js"));
-const twinkle_js_1 = __importDefault(require("./twinkle.js"));
-exports.default = {
-    test: test_js_1.default,
-    textMask: textMask_js_1.default,
-    textMaskMultiline: textMaskMultiline_js_1.default,
-    themes: themes_js_1.default,
-    tilt: tilt_js_1.default,
-    trail: trail_js_1.default,
-    trailImage: trailImage_js_1.default,
-    triangles: triangles_js_1.default,
-    twinkle: twinkle_js_1.default,
+import test from "./test.js";
+import textMask from "./textMask.js";
+import textMaskMultiline from "./textMaskMultiline.js";
+import themes from "./themes.js";
+import tilt from "./tilt.js";
+import trail from "./trail.js";
+import trailImage from "./trailImage.js";
+import triangles from "./triangles.js";
+import twinkle from "./twinkle.js";
+export default {
+    test,
+    textMask,
+    textMaskMultiline,
+    themes,
+    tilt,
+    trail,
+    trailImage,
+    triangles,
+    twinkle,
 };

package/cjs/t/test.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "test",
     name: "Test",
@@ -116,4 +114,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/t/textMask.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const minAlphaFilter = 0, options = {
     key: "textMask",
     name: "Text Mask",
@@ -77,4 +75,4 @@ const minAlphaFilter = 0, options = {
         size: "cover",
     },
 };
-exports.default = options;
+export default options;

package/cjs/t/textMaskMultiline.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const minAlphaFilter = 0, options = {
     key: "textMaskMultiline",
     name: "Text Mask Multiline",
@@ -80,4 +78,4 @@ const minAlphaFilter = 0, options = {
         size: "cover",
     },
 };
-exports.default = options;
+export default options;

package/cjs/t/themes.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "themes",
     name: "Themes",
@@ -169,4 +167,4 @@ const options = {
     },
     detectRetina: true,
 };
-exports.default = options;
+export default options;

package/cjs/t/tilt.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "tilt",
     name: "Tilt",
@@ -91,4 +89,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/t/trail.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "trails",
     name: "Trails",
@@ -36,7 +34,7 @@ const options = {
             value: 1,
         },
         size: {
-            value: 3,
+            value: 5,
         },
         move: {
             enable: true,
@@ -48,17 +46,12 @@ const options = {
                     value: 0.1,
                 },
                 options: {
-                    size: 20,
+                    size: 64,
                     draw: false,
                     increment: 0.001,
                 },
                 generator: "perlinNoise",
             },
-            trail: {
-                enable: true,
-                fill: { color: "#000000" },
-                length: 20,
-            },
         },
     },
     interactivity: {
@@ -96,5 +89,10 @@ const options = {
             },
         },
     },
+    trail: {
+        enable: true,
+        fill: { color: "#000000" },
+        length: 20,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/t/trailImage.js

@@ -1,11 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "trailsImage",
     name: "Trails Image",
     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",
@@ -40,7 +38,7 @@ const options = {
             value: 1,
         },
         size: {
-            value: 1,
+            value: 10,
         },
         links: {
             enable: false,
@@ -51,7 +49,7 @@ const options = {
         },
         move: {
             enable: true,
-            speed: 1,
+            speed: 2,
             direction: "none",
             random: false,
             straight: false,
@@ -64,17 +62,12 @@ const options = {
                     value: 0.1,
                 },
                 options: {
-                    size: 5,
+                    size: 64,
                     draw: false,
                     increment: 0.001,
                 },
                 generator: "perlinNoise",
             },
-            trail: {
-                enable: true,
-                fill: { image: "https://particles.js.org/images/background3.jpg" },
-                length: 20,
-            },
         },
     },
     interactivity: {
@@ -112,5 +105,10 @@ const options = {
             },
         },
     },
+    trail: {
+        enable: true,
+        fill: { image: "https://particles.js.org/images/hdr/background3.jpg" },
+        length: 20,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/t/triangles.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "triangles",
     name: "Triangles",
@@ -45,4 +43,4 @@ const options = {
         color: "#000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/t/twinkle.js

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

package/cjs/u/index.js

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {};
+export default {};

package/cjs/v/index.js

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const vibrate_js_1 = __importDefault(require("./vibrate.js"));
-const virus_js_1 = __importDefault(require("./virus.js"));
-exports.default = {
-    vibrate: vibrate_js_1.default,
-    virus: virus_js_1.default,
+import vibrate from "./vibrate.js";
+import virus from "./virus.js";
+export default {
+    vibrate,
+    virus,
 };

package/cjs/v/vibrate.js

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

package/cjs/v/virus.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "virus",
     name: "Virus",
@@ -56,7 +54,7 @@ const options = {
                 image: {
                     height: 32,
                     replaceColor: true,
-                    src: "https://particles.js.org/images/sars-cov-2.png",
+                    src: "https://particles.js.org/images/hdr/sars-cov-2.png",
                     width: 32,
                 },
             },
@@ -70,4 +68,4 @@ const options = {
         color: "#323031",
     },
 };
-exports.default = options;
+export default options;

package/cjs/w/index.js

@@ -1,13 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const warp_js_1 = __importDefault(require("./warp.js"));
-const wobble_js_1 = __importDefault(require("./wobble.js"));
-const wobbleBig_js_1 = __importDefault(require("./wobbleBig.js"));
-exports.default = {
-    warp: warp_js_1.default,
-    wobble: wobble_js_1.default,
-    wobbleBig: wobbleBig_js_1.default,
+import warp from "./warp.js";
+import wobble from "./wobble.js";
+import wobbleBig from "./wobbleBig.js";
+export default {
+    warp,
+    wobble,
+    wobbleBig,
 };

package/cjs/w/warp.js

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

package/cjs/w/wobble.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "wobble",
     name: "Wobble",
@@ -138,4 +136,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/w/wobbleBig.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "wobbleBig",
     name: "Wobble Big",
@@ -138,4 +136,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/x/index.js

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {};
+export default {};

package/cjs/y/index.js

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {};
+export default {};

package/cjs/z/index.js

@@ -1,9 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const zIndex_js_1 = __importDefault(require("./zIndex.js"));
-exports.default = {
-    zIndex: zIndex_js_1.default,
+import zIndex from "./zIndex.js";
+export default {
+    zIndex,
 };

package/cjs/z/zIndex.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "zIndex",
     name: "Z Index",
@@ -90,4 +88,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/esm/a/amongUs.js

@@ -91,7 +91,7 @@ const options = {
                 type: "images",
                 options: {
                     images: {
-                        src: "https://particles.js.org/images/cyan_amongus.png",
+                        src: "https://particles.js.org/images/hdr/cyan_amongus.png",
                         width: 500,
                         height: 634,
                     },

package/esm/b/backgroundMask.js

@@ -73,7 +73,7 @@ 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",

package/esm/b/backgroundMaskImage.js

@@ -56,12 +56,12 @@ 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",

package/esm/b/big.js

@@ -6,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: {

package/esm/c/curlNoise.js

@@ -34,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,
+    },
 };
 export default options;

package/esm/e/emitterImageShape.js

@@ -88,7 +88,7 @@ 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 }),
     ],

package/esm/e/emitterImages.js

@@ -45,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,
                         },

package/esm/e/emitterPaths.js

@@ -10,11 +10,6 @@ const options = {
         },
         move: {
             enable: true,
-            trail: {
-                enable: true,
-                fill: { color: "#fff" },
-                length: 20,
-            },
             outModes: "destroy",
         },
         shape: {
@@ -85,5 +80,10 @@ const options = {
             },
         },
     ],
+    trail: {
+        enable: true,
+        fill: { color: "#fff" },
+        length: 20,
+    },
 };
 export default options;