@tsparticles/configs 3.0.2 → 3.1.0

package/browser/m/motionDisable.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "motionDisable",
     name: "Motion Disable",
     motion: {
         disable: true,

package/browser/m/motionReduce.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "motionReduce",
     name: "Motion Reduce",
     motion: {
         disable: false,

package/browser/m/mouseAttract.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "mouseAttract",
     name: "Mouse Attract",
     particles: {
         number: {

package/browser/m/mouseBounce.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "mouseBounce",
     name: "Mouse Bounce",
     particles: {
         number: {

package/browser/m/mouseFollow.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "mouseFollow",
     name: "Mouse Follow",
     background: {
         color: "#000000",

package/browser/m/mouseTrail.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "mouseTrail",
     name: "Mouse Trail",
     particles: {
         number: {

package/browser/m/mouseTrailNoise.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "mouseTrailNoise",
     name: "Mouse Trail Noise",
     particles: {
         number: {

package/browser/m/moveAngle.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "moveAngle",
     name: "Move Angle",
     particles: {
         number: {

package/browser/m/moveDistance.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "moveDistance",
     name: "Move Distance",
     particles: {
         number: {

package/browser/m/moveInside.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "moveInside",
     name: "Move Inside",
     particles: {
         number: {

package/browser/m/moveOutside.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "moveOutside",
     name: "Move Outside",
     particles: {
         number: {

package/browser/m/multipleClickEmitters.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "multipleClickEmitters",
     name: "Multiple Click Emitters",
     background: {
         color: "#f00",

package/browser/m/multiplePolygonMasks.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "multiplePolygonMasks",
     name: "Multiple Polygon Masks",
     interactivity: {
         events: {

package/browser/n/nasa.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "nasa",
     name: "NASA",
     particles: {
         number: {

package/browser/n/noClear.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "noClear",
     name: "No Clear",
     clear: false,
     interactivity: {

package/browser/n/noConfig.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "noConfig",
     name: "No Config",
 };
 export default options;

package/browser/n/noisePlanes.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "noisePlanes",
     name: "Noise Planes",
     background: {
         color: "#000",

package/browser/n/nyancat.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "nyancat",
     name: "Nyan Cat",
     particles: {
         number: {

package/browser/n/nyancat2.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "nyancat2",
     name: "Nyan Cat 2",
     particles: {
         number: {

package/browser/o/orbit.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "orbit",
     name: "Orbit",
     particles: {
         color: {

package/browser/p/index.js

@@ -1,8 +1,10 @@
 import parallax from "./parallax.js";
 import pathPolygonMask from "./pathPolygonMask.js";
 import pathSvg from "./pathSvg.js";
+import pathZigZag from "./pathZigZag.js";
 import planes from "./planes.js";
 import plasma from "./plasma.js";
+import poisson from "./poisson.js";
 import polygonMask from "./polygonMask.js";
 import polygons from "./polygons.js";
 import pop from "./pop.js";
@@ -10,8 +12,10 @@ export default {
     parallax,
     pathPolygonMask,
     pathSvg,
+    pathZigZag,
     planes,
     plasma,
+    poisson,
     polygonMask,
     polygons,
     pop,

package/browser/p/parallax.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "parallax",
     name: "Parallax",
     particles: {
         number: {

package/browser/p/pathPolygonMask.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "pathPolygonMask",
     name: "Path Polygon Mask",
     interactivity: {
         events: {

package/browser/p/pathSvg.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "pathSvg",
     name: "Path SVG",
     particles: {
         color: {

package/browser/p/pathZigZag.js

@@ -0,0 +1,45 @@
+const options = {
+    key: "pathZigZag",
+    name: "Path Zig Zag",
+    particles: {
+        color: {
+            value: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"],
+        },
+        move: {
+            enable: true,
+            outModes: "out",
+            speed: { min: 1, max: 3 },
+            path: {
+                enable: true,
+                options: {
+                    waveLength: { min: 3, max: 7 },
+                    waveHeight: { min: 1, max: 5 },
+                },
+                generator: "zigZagPathGenerator",
+            },
+            trail: {
+                enable: true,
+                length: 20,
+                fill: {
+                    color: "#000000",
+                },
+            },
+        },
+        number: {
+            value: 80,
+        },
+        opacity: {
+            value: 1,
+        },
+        shape: {
+            type: "circle",
+        },
+        size: {
+            value: 3,
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/browser/p/planes.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "planes",
     name: "Planes",
     interactivity: {
         events: {

package/browser/p/plasma.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "plasma",
     name: "Plasma",
     background: {
         color: {

package/browser/p/poisson.js

@@ -0,0 +1,39 @@
+const options = {
+    key: "poisson",
+    name: "Poisson",
+    particles: {
+        number: {
+            value: 100,
+        },
+        color: {
+            value: "#ffffff",
+        },
+        links: {
+            enable: true,
+            distance: 200,
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 4,
+                max: 6,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 2,
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+    poisson: {
+        enable: true,
+    },
+};
+export default options;

package/browser/p/polygonMask.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "polygonMask",
     name: "Polygon Mask",
     interactivity: {
         events: {

package/browser/p/polygons.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "polygons",
     name: "Polygon Shape",
     particles: {
         number: {

package/browser/p/pop.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "pop",
     name: "Pop",
     particles: {
         number: {

package/browser/r/random.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "random",
     name: "Random Colors",
     interactivity: {
         events: {

package/browser/r/reactBubbles.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "reactBubbles",
     name: "React Bubbles",
     interactivity: {
         events: {

package/browser/r/reactDefaults.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "reactDefaults",
     name: "React Defaults",
     particles: {
         number: {

package/browser/r/reactMultipleImages.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "reactMultipleImages",
     name: "React Multiple Images",
     particles: {
         color: {

package/browser/r/reactNightSky.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "reactNightSky",
     name: "React Night Sky",
     interactivity: {
         events: {

package/browser/r/reactPolygonMask.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "reactPolygonMask",
     name: "React Polygon Mask",
     interactivity: {
         events: {

package/browser/r/reactSimple.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "reactSimple",
     name: "React Simple",
     interactivity: {
         events: {

package/browser/r/reactSnow.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "reactSnow",
     name: "React Snow",
     interactivity: {
         events: {

package/browser/r/reduceDuplicates.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "reduceDuplicates",
     name: "Reduce Duplicates",
     particles: {
         color: {

package/browser/r/repulse.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "repulse",
     name: "Repulse",
     particles: {
         groups: {

package/browser/r/repulseBack.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "repulseBack",
     name: "Repulse Back",
     particles: {
         number: {

package/browser/r/repulseCirc.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "repulseCirc",
     name: "Repulse Circ",
     particles: {
         number: {

package/browser/r/repulseCubic.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "repulseCubic",
     name: "Repulse Cubic",
     particles: {
         number: {

package/browser/r/repulseExpo.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "repulseExpo",
     name: "Repulse Expo",
     particles: {
         number: {

package/browser/r/repulseQuart.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "repulseExpo",
     name: "Repulse Quart",
     particles: {
         number: {

package/browser/r/repulseQuint.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "repulseQuint",
     name: "Repulse Quint",
     particles: {
         number: {

package/browser/r/repulseSine.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "repulseSine",
     name: "Repulse Sine",
     particles: {
         number: {

package/browser/r/responsive.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "responsive",
     name: "Responsive",
     particles: {
         number: {

package/browser/r/ring.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "ring",
     name: "Ring",
     particles: {
         number: {
@@ -41,7 +42,9 @@ const options = {
     },
     emitters: {
         fill: false,
-        shape: "circle",
+        shape: {
+            type: "circle",
+        },
         position: {
             x: 50,
             y: 50,

package/browser/s/seaAnemone.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "seaAnemone",
     name: "Sea Anemone",
     particles: {
         color: {

package/browser/s/shadow.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shadow",
     name: "Shadow",
     smooth: true,
     particles: {

package/browser/s/shapeArrow.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapeArrow",
     name: "Shape Arrow",
     particles: {
         number: {

package/browser/s/shapeCog.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapeCog",
     name: "Shape Cog",
     particles: {
         color: {

package/browser/s/shapeEmoji.js

@@ -2,6 +2,7 @@ const emitterRate = {
     delay: 0.1,
     quantity: 2,
 }, options = {
+    key: "shapeEmoji",
     name: "Shape Emoji",
     particles: {
         opacity: {
@@ -173,7 +174,7 @@ const emitterRate = {
                     type: "emoji",
                     options: {
                         emoji: {
-                            value: "👻",
+                            value: "🍑",
                         },
                     },
                 },

package/browser/s/shapeHeart.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapeHeart",
     name: "Shape Heart",
     particles: {
         number: {

package/browser/s/shapeMultilineText.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapeMultilineText",
     name: "Shape Multiline Text",
     particles: {
         number: {

package/browser/s/shapeOptions.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapeOptions",
     name: "Shape Options",
     particles: {
         color: {

package/browser/s/shapePath.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapePath",
     name: "Shape Path",
     particles: {
         number: {

package/browser/s/shapeRoundedPolygon.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapeRoundedPolygon",
     name: "Shape Rounded Polygon",
     particles: {
         number: {

package/browser/s/shapeRoundedRect.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapeRoundedRect",
     name: "Shape Rounded Rect",
     particles: {
         number: {

package/browser/s/shapeSpiral.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "shapeSpiral",
     name: "Shape Spiral",
     particles: {
         number: {

package/browser/s/slow.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "slow",
     name: "Slow",
     particles: {
         number: {

package/browser/s/snow.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "snow",
     name: "Snow",
     particles: {
         number: {

package/browser/s/soundsAudio.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "soundsAudio",
     name: "Sounds Audio",
     particles: {
         number: {

package/browser/s/soundsLoop.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "soundsLoop",
     name: "Sounds Loop",
     particles: {
         number: {

package/browser/s/soundsMelodies.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "soundsMelodies",
     name: "Sounds Melodies",
     particles: {
         number: {

package/browser/s/soundsMelodyLoop.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "soundsMelodyLoop",
     name: "Sounds Melody Loop",
     particles: {
         number: {

package/browser/s/soundsNotes.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "soundsNotes",
     name: "Sounds Notes",
     particles: {
         number: {

package/browser/s/speedDecay.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "speedDecay",
     name: "Speed Decay",
     particles: {
         number: {

package/browser/s/spin.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "spin",
     name: "Spin",
     particles: {
         number: {

package/browser/s/star.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "star",
     name: "Star",
     particles: {
         number: {

package/browser/s/strokeAnimation.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "strokeAnimation",
     name: "Stroke Animation",
     particles: {
         number: {

package/browser/s/style.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "style",
     name: "Style",
     particles: {
         number: {

package/browser/s/svgReplace.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "svgReplace",
     name: "SVG Replace",
     interactivity: {
         events: {

package/browser/t/test.js

@@ -1,4 +1,5 @@
 const options = {
+    key: "test",
     name: "Test",
     fullScreen: {
         enable: false,