@tsparticles/configs 3.2.2 → 3.4.0

package/cjs/w/wobbleBig.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const options = {
+    key: "wobbleBig",
+    name: "Wobble Big",
+    background: {
+        color: "#000000",
+    },
+    particles: {
+        bounce: {
+            vertical: {
+                value: 0,
+            },
+            horizontal: {
+                value: 0,
+            },
+        },
+        color: {
+            value: ["#1E00FF", "#FF0061", "#E1FF00", "#00FF9E"],
+            animation: {
+                enable: true,
+                speed: 30,
+            },
+        },
+        move: {
+            decay: {
+                min: 0.05,
+                max: 0.15,
+            },
+            direction: "top",
+            enable: true,
+            gravity: {
+                acceleration: 9.81,
+                enable: true,
+                maxSpeed: 200,
+            },
+            outModes: {
+                top: "none",
+                default: "destroy",
+            },
+            speed: {
+                min: 50,
+                max: 150,
+            },
+        },
+        number: {
+            value: 0,
+            limit: { value: 300 },
+        },
+        opacity: {
+            value: 1,
+            animation: {
+                enable: false,
+                startValue: "max",
+                destroy: "min",
+                speed: 0.3,
+                sync: true,
+            },
+        },
+        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: 30,
+        },
+        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: {
+        position: {
+            x: 50,
+            y: 100,
+        },
+        size: {
+            width: 0,
+            height: 0,
+        },
+        rate: {
+            quantity: 10,
+            delay: 0.2,
+        },
+    },
+};
+exports.default = options;

package/esm/c/clickConfetti.js

@@ -128,7 +128,6 @@ const options = {
         tilt: {
             direction: "random",
             enable: true,
-            move: true,
             value: {
                 min: 0,
                 max: 360,

package/esm/e/effectTrailTransform.js

@@ -0,0 +1,57 @@
+const options = {
+    key: "effectTrailTransform",
+    name: "Effect Trail Transform",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "#ff0000",
+            animation: {
+                enable: true,
+                speed: 360,
+                sync: true,
+            },
+        },
+        effect: {
+            type: "trail",
+            options: {
+                trail: {
+                    fade: true,
+                    length: {
+                        min: 10,
+                        max: 30,
+                    },
+                    transform: true,
+                },
+            },
+        },
+        shape: {
+            type: "square",
+        },
+        size: {
+            value: 10,
+        },
+        move: {
+            enable: true,
+            speed: { min: 6, max: 15 },
+        },
+        tilt: {
+            direction: "random",
+            enable: true,
+            value: { min: 0, max: 360 },
+            animation: {
+                enable: true,
+                speed: 60,
+                sync: true,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/e/emitterSpawnColor.js

@@ -1,3 +1,4 @@
+import { MoveDirection } from "@tsparticles/engine";
 const emitterRate = {
     delay: 0.1,
     quantity: 2,
@@ -37,7 +38,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "bottom-right",
+                    direction: MoveDirection.bottomRight,
                 },
             },
             spawnColor: {
@@ -58,7 +59,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "top-right",
+                    direction: MoveDirection.topRight,
                 },
             },
             spawnColor: {
@@ -83,7 +84,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "bottom-left",
+                    direction: MoveDirection.bottomLeft,
                 },
             },
             spawnColor: {
@@ -108,7 +109,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "top-left",
+                    direction: MoveDirection.topLeft,
                 },
             },
             spawnColor: {
@@ -137,7 +138,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "none",
+                    direction: MoveDirection.none,
                 },
             },
             spawnColor: {

package/esm/e/index.js

@@ -1,5 +1,6 @@
 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";
@@ -13,6 +14,7 @@ import emitterTextStrokeShape from "./emitterTextStrokeShape.js";
 export default {
     effectBubble,
     effectTrail,
+    effectTrailTransform,
     emitter,
     emitterAbsorber,
     emitterAngled,

package/esm/f/fireworks.js

@@ -1,3 +1,4 @@
+import { EventType } from "@tsparticles/engine";
 const options = {
     key: "fireworks",
     name: "Fireworks",
@@ -137,6 +138,7 @@ const options = {
             width: 1,
         },
         rotate: {
+            enable: true,
             path: true,
         },
         move: {
@@ -166,7 +168,7 @@ const options = {
         enable: true,
         events: [
             {
-                event: "particleRemoved",
+                event: EventType.particleRemoved,
                 filter: (args) => args.data.particle.options.move.gravity.inverse,
                 audio: [
                     "https://particles.js.org/audio/explosion0.mp3",

package/esm/f/fireworks2.js

@@ -1,3 +1,4 @@
+import { EventType } from "@tsparticles/engine";
 const options = {
     key: "fireworks2",
     name: "Fireworks 2",
@@ -179,7 +180,7 @@ const options = {
         enable: true,
         events: [
             {
-                event: "particleRemoved",
+                event: EventType.particleRemoved,
                 filter: (args) => args.data.particle.options.move.gravity.inverse,
                 audio: [
                     "https://particles.js.org/audio/explosion0.mp3",

package/esm/g/gradients.js

@@ -1,3 +1,4 @@
+import { GradientType, RotateDirection } from "@tsparticles/engine";
 const options = {
     key: "gradients",
     name: "Gradients",
@@ -7,7 +8,7 @@ const options = {
         },
         gradient: [
             {
-                type: "radial",
+                type: GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -21,7 +22,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -35,7 +36,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -49,7 +50,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -63,7 +64,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -77,7 +78,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -120,10 +121,10 @@ const options = {
                 ],
             },
             {
-                type: "linear",
+                type: GradientType.linear,
                 angle: {
                     value: 0,
-                    direction: "random",
+                    direction: RotateDirection.random,
                     animation: {
                         enable: true,
                         speed: 60,

package/esm/i/imagesDirections.js

@@ -1,3 +1,4 @@
+import { MoveDirection } from "@tsparticles/engine";
 const options = {
     key: "imagesDirections",
     name: "Images with Custom Directions",
@@ -61,7 +62,7 @@ const options = {
                         height: 32,
                         particles: {
                             move: {
-                                direction: "top",
+                                direction: MoveDirection.top,
                             },
                         },
                     },
@@ -71,7 +72,7 @@ const options = {
                         height: 32,
                         particles: {
                             move: {
-                                direction: "bottom",
+                                direction: MoveDirection.bottom,
                             },
                         },
                     },

package/esm/m/mouseTrailNoise.js

@@ -63,7 +63,6 @@ const options = {
         tilt: {
             direction: "random",
             enable: true,
-            move: true,
             value: {
                 min: 0,
                 max: 360,

package/esm/p/pop.js

@@ -1,3 +1,4 @@
+import { LimitMode } from "@tsparticles/engine";
 const options = {
     key: "pop",
     name: "Pop",
@@ -5,7 +6,7 @@ const options = {
         number: {
             limit: {
                 value: 80,
-                mode: "wait",
+                mode: LimitMode.wait,
             },
             value: 80,
         },

package/esm/r/index.js

@@ -1,4 +1,5 @@
 import random from "./random.js";
+import randomShapes from "./randomShapes.js";
 import reactBubbles from "./reactBubbles.js";
 import reactDefaults from "./reactDefaults.js";
 import reactMultipleImages from "./reactMultipleImages.js";
@@ -19,6 +20,7 @@ import responsive from "./responsive.js";
 import ring from "./ring.js";
 export default {
     random,
+    randomShapes,
     reactBubbles,
     reactDefaults,
     reactMultipleImages,