@tsparticles/configs 3.3.0 → 3.4.0

package/browser/w/wobbleBig.js

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

package/cjs/c/clickConfetti.js

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

package/cjs/e/effectTrailTransform.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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",
+    },
+};
+exports.default = options;

package/cjs/e/emitterSpawnColor.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const engine_1 = require("@tsparticles/engine");
 const emitterRate = {
     delay: 0.1,
     quantity: 2,
@@ -39,7 +40,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "bottom-right",
+                    direction: engine_1.MoveDirection.bottomRight,
                 },
             },
             spawnColor: {
@@ -60,7 +61,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "top-right",
+                    direction: engine_1.MoveDirection.topRight,
                 },
             },
             spawnColor: {
@@ -85,7 +86,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "bottom-left",
+                    direction: engine_1.MoveDirection.bottomLeft,
                 },
             },
             spawnColor: {
@@ -110,7 +111,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "top-left",
+                    direction: engine_1.MoveDirection.topLeft,
                 },
             },
             spawnColor: {
@@ -139,7 +140,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: "none",
+                    direction: engine_1.MoveDirection.none,
                 },
             },
             spawnColor: {

package/cjs/e/index.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const effectBubble_js_1 = __importDefault(require("./effectBubble.js"));
 const effectTrail_js_1 = __importDefault(require("./effectTrail.js"));
+const effectTrailTransform_js_1 = __importDefault(require("./effectTrailTransform.js"));
 const emitter_js_1 = __importDefault(require("./emitter.js"));
 const emitterAbsorber_js_1 = __importDefault(require("./emitterAbsorber.js"));
 const emitterAngled_js_1 = __importDefault(require("./emitterAngled.js"));
@@ -18,6 +19,7 @@ const emitterTextStrokeShape_js_1 = __importDefault(require("./emitterTextStroke
 exports.default = {
     effectBubble: effectBubble_js_1.default,
     effectTrail: effectTrail_js_1.default,
+    effectTrailTransform: effectTrailTransform_js_1.default,
     emitter: emitter_js_1.default,
     emitterAbsorber: emitterAbsorber_js_1.default,
     emitterAngled: emitterAngled_js_1.default,

package/cjs/f/fireworks.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const engine_1 = require("@tsparticles/engine");
 const options = {
     key: "fireworks",
     name: "Fireworks",
@@ -139,6 +140,7 @@ const options = {
             width: 1,
         },
         rotate: {
+            enable: true,
             path: true,
         },
         move: {
@@ -168,7 +170,7 @@ const options = {
         enable: true,
         events: [
             {
-                event: "particleRemoved",
+                event: engine_1.EventType.particleRemoved,
                 filter: (args) => args.data.particle.options.move.gravity.inverse,
                 audio: [
                     "https://particles.js.org/audio/explosion0.mp3",

package/cjs/f/fireworks2.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const engine_1 = require("@tsparticles/engine");
 const options = {
     key: "fireworks2",
     name: "Fireworks 2",
@@ -181,7 +182,7 @@ const options = {
         enable: true,
         events: [
             {
-                event: "particleRemoved",
+                event: engine_1.EventType.particleRemoved,
                 filter: (args) => args.data.particle.options.move.gravity.inverse,
                 audio: [
                     "https://particles.js.org/audio/explosion0.mp3",

package/cjs/g/gradients.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const engine_1 = require("@tsparticles/engine");
 const options = {
     key: "gradients",
     name: "Gradients",
@@ -9,7 +10,7 @@ const options = {
         },
         gradient: [
             {
-                type: "radial",
+                type: engine_1.GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -23,7 +24,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: engine_1.GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -37,7 +38,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: engine_1.GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -51,7 +52,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: engine_1.GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -65,7 +66,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: engine_1.GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -79,7 +80,7 @@ const options = {
                 ],
             },
             {
-                type: "radial",
+                type: engine_1.GradientType.radial,
                 colors: [
                     {
                         stop: 0.25,
@@ -122,10 +123,10 @@ const options = {
                 ],
             },
             {
-                type: "linear",
+                type: engine_1.GradientType.linear,
                 angle: {
                     value: 0,
-                    direction: "random",
+                    direction: engine_1.RotateDirection.random,
                     animation: {
                         enable: true,
                         speed: 60,

package/cjs/i/imagesDirections.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const engine_1 = require("@tsparticles/engine");
 const options = {
     key: "imagesDirections",
     name: "Images with Custom Directions",
@@ -63,7 +64,7 @@ const options = {
                         height: 32,
                         particles: {
                             move: {
-                                direction: "top",
+                                direction: engine_1.MoveDirection.top,
                             },
                         },
                     },
@@ -73,7 +74,7 @@ const options = {
                         height: 32,
                         particles: {
                             move: {
-                                direction: "bottom",
+                                direction: engine_1.MoveDirection.bottom,
                             },
                         },
                     },

package/cjs/m/mouseTrailNoise.js

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

package/cjs/p/pop.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const engine_1 = require("@tsparticles/engine");
 const options = {
     key: "pop",
     name: "Pop",
@@ -7,7 +8,7 @@ const options = {
         number: {
             limit: {
                 value: 80,
-                mode: "wait",
+                mode: engine_1.LimitMode.wait,
             },
             value: 80,
         },

package/cjs/r/index.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const random_js_1 = __importDefault(require("./random.js"));
+const randomShapes_js_1 = __importDefault(require("./randomShapes.js"));
 const reactBubbles_js_1 = __importDefault(require("./reactBubbles.js"));
 const reactDefaults_js_1 = __importDefault(require("./reactDefaults.js"));
 const reactMultipleImages_js_1 = __importDefault(require("./reactMultipleImages.js"));
@@ -24,6 +25,7 @@ const responsive_js_1 = __importDefault(require("./responsive.js"));
 const ring_js_1 = __importDefault(require("./ring.js"));
 exports.default = {
     random: random_js_1.default,
+    randomShapes: randomShapes_js_1.default,
     reactBubbles: reactBubbles_js_1.default,
     reactDefaults: reactDefaults_js_1.default,
     reactMultipleImages: reactMultipleImages_js_1.default,