@tsparticles/configs 3.0.0-beta.2 → 3.0.0-beta.4

package/esm/e/emitterTextStrokeShape.js

@@ -0,0 +1,100 @@
+const rate = {
+    delay: 0.1,
+    quantity: 100,
+};
+const generateEmitter = (shape, options, fill, position) => {
+    return {
+        shape: {
+            type: shape,
+            options,
+        },
+        position: position,
+        size: {
+            width: 500,
+            height: 500,
+            mode: "precise",
+        },
+        startCount: 300,
+        rate,
+        fill,
+    };
+};
+const options = {
+    name: "Emitter Text Stroke Shape",
+    particles: {
+        number: {
+            value: 0,
+        },
+        color: {
+            value: [
+                "#f44336",
+                "#e91e63",
+                "#9c27b0",
+                "#673ab7",
+                "#3f51b5",
+                "#2196f3",
+                "#03a9f4",
+                "#00bcd4",
+                "#009688",
+                "#4CAF50",
+                "#8BC34A",
+                "#CDDC39",
+                "#FFEB3B",
+                "#FFC107",
+                "#FF9800",
+                "#FF5722",
+            ],
+        },
+        life: {
+            count: 1,
+            duration: {
+                value: 1.5,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 0.5,
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: { min: 1, max: 10 },
+            animation: {
+                enable: true,
+                speed: 30,
+                sync: true,
+                startValue: "min",
+                count: 2,
+            },
+        },
+    },
+    background: {
+        color: "#fff",
+    },
+    emitters: [
+        generateEmitter("canvas", {
+            scale: 1,
+            pixels: {
+                filter: "pixelTextFilter",
+                offset: 4,
+            },
+            text: {
+                color: "#ff0000",
+                font: {
+                    size: 500,
+                    family: "Verdana",
+                },
+                text: "Particles",
+                lines: {
+                    separator: "\n",
+                    spacing: 10,
+                },
+            },
+        }, false, { x: 50, y: 50 }),
+    ],
+};
+export default options;

package/esm/e/index.js

@@ -1,14 +1,24 @@
+import effectBubble from "./effectBubble.js";
+import effectTrail from "./effectTrail.js";
 import emitter from "./emitter.js";
 import emitterAbsorber from "./emitterAbsorber.js";
 import emitterAngled from "./emitterAngled.js";
+import emitterImageShape from "./emitterImageShape.js";
 import emitterImages from "./emitterImages.js";
 import emitterPaths from "./emitterPaths.js";
 import emitterShapes from "./emitterShapes.js";
+import emitterTextShape from "./emitterTextShape.js";
+import emitterTextStrokeShape from "./emitterTextStrokeShape.js";
 export default {
+    effectBubble,
+    effectTrail,
     emitter,
     emitterAbsorber,
     emitterAngled,
+    emitterImageShape,
     emitterImages,
     emitterPaths,
     emitterShapes,
+    emitterTextShape,
+    emitterTextStrokeShape,
 };

package/esm/f/fontawesome.js

@@ -48,7 +48,6 @@ const options = {
             density: {
                 enable: true,
             },
-            limit: 0,
             value: 80,
         },
         opacity: {

package/esm/g/gifs.js

@@ -23,7 +23,7 @@ const options = {
         },
         number: {
             value: 20,
-            limit: 30,
+            limit: { value: 30 },
         },
         opacity: {
             value: 1,

package/esm/h/hollowknight.js

@@ -66,7 +66,6 @@ const options = {
             density: {
                 enable: false,
             },
-            limit: 0,
             value: 400,
         },
         opacity: {

package/esm/i/images.js

@@ -35,7 +35,6 @@ const options = {
             density: {
                 enable: true,
             },
-            limit: 0,
             value: 80,
         },
         opacity: {

package/esm/l/localPolygonMask.js

@@ -38,7 +38,6 @@ const options = {
             density: {
                 enable: false,
             },
-            limit: 0,
             value: 200,
         },
         opacity: {

package/esm/m/index.js

@@ -5,6 +5,7 @@ import mouseAttract from "./mouseAttract.js";
 import mouseBounce from "./mouseBounce.js";
 import mouseFollow from "./mouseFollow.js";
 import mouseTrail from "./mouseTrail.js";
+import mouseTrailNoise from "./mouseTrailNoise.js";
 import moveAngle from "./moveAngle.js";
 import moveDistance from "./moveDistance.js";
 import moveInside from "./moveInside.js";
@@ -19,6 +20,7 @@ export default {
     mouseBounce,
     mouseFollow,
     mouseTrail,
+    mouseTrailNoise,
     moveAngle,
     moveDistance,
     moveInside,

package/esm/m/mouseTrailNoise.js

@@ -0,0 +1,118 @@
+const options = {
+    name: "Mouse Trail Noise",
+    particles: {
+        number: {
+            value: 0,
+        },
+        color: {
+            value: ["#ff0000", "#00ff00", "#0000ff"],
+            animation: {
+                enable: true,
+                speed: 360,
+                sync: false,
+            },
+        },
+        shape: {
+            type: "triangle",
+        },
+        opacity: {
+            value: { min: 0, max: 1 },
+            animation: {
+                enable: true,
+                speed: 1,
+                sync: false,
+                destroy: "min",
+            },
+        },
+        size: {
+            value: {
+                min: 4,
+                max: 8,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 6,
+            outModes: "destroy",
+            path: {
+                enable: true,
+                options: {
+                    size: 64,
+                    draw: false,
+                    increment: 0.005,
+                },
+                delay: {
+                    value: 0,
+                },
+                generator: "perlinNoise",
+            },
+        },
+        rotate: {
+            value: {
+                min: 0,
+                max: 360,
+            },
+            direction: "random",
+            move: true,
+            animation: {
+                enable: true,
+                speed: 60,
+            },
+        },
+        tilt: {
+            direction: "random",
+            enable: true,
+            move: true,
+            value: {
+                min: 0,
+                max: 360,
+            },
+            animation: {
+                enable: true,
+                speed: 60,
+            },
+        },
+        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,
+            },
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "trail",
+            },
+        },
+        modes: {
+            trail: {
+                delay: 0.01,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/m/multiplePolygonMasks.js

@@ -72,7 +72,6 @@ const options = {
             speed: 1,
         },
         number: {
-            limit: 0,
             value: 200,
         },
         opacity: {

package/esm/o/orbit.js

@@ -12,7 +12,7 @@ const options = {
             density: {
                 enable: true,
             },
-            limit: 300,
+            limit: { value: 300 },
             value: 100,
         },
         opacity: {

package/esm/p/index.js

@@ -5,6 +5,7 @@ import planes from "./planes.js";
 import plasma from "./plasma.js";
 import polygonMask from "./polygonMask.js";
 import polygons from "./polygons.js";
+import pop from "./pop.js";
 export default {
     parallax,
     pathPolygonMask,
@@ -13,4 +14,5 @@ export default {
     plasma,
     polygonMask,
     polygons,
+    pop,
 };

package/esm/p/pathPolygonMask.js

@@ -33,7 +33,6 @@ const options = {
             speed: 1,
         },
         number: {
-            limit: 0,
             value: 80,
         },
         opacity: {

package/esm/p/pathSvg.js

@@ -32,7 +32,6 @@ const options = {
             },
         },
         number: {
-            limit: 0,
             value: 80,
         },
         opacity: {

package/esm/p/polygonMask.js

@@ -72,7 +72,6 @@ const options = {
             speed: 1,
         },
         number: {
-            limit: 0,
             value: 200,
         },
         opacity: {

package/esm/p/pop.js

@@ -0,0 +1,67 @@
+const options = {
+    name: "Pop",
+    particles: {
+        number: {
+            limit: {
+                value: 80,
+                mode: "wait",
+            },
+            value: 80,
+        },
+        color: {
+            value: ["#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B", "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"],
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 10,
+                max: 15,
+            },
+        },
+        collisions: {
+            enable: true,
+            mode: "bounce",
+        },
+        move: {
+            enable: true,
+            speed: 3,
+        },
+    },
+    interactivity: {
+        events: {
+            onClick: {
+                enable: true,
+                mode: "pop",
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+    emitters: {
+        direction: "none",
+        life: {
+            count: 0,
+            duration: 0.1,
+            delay: 0.1,
+        },
+        rate: {
+            delay: 0.1,
+            quantity: 1,
+        },
+        size: {
+            width: 100,
+            height: 100,
+        },
+        position: {
+            x: 50,
+            y: 50,
+        },
+    },
+};
+export default options;

package/esm/r/random.js

@@ -69,7 +69,7 @@ const options = {
             density: {
                 enable: true,
             },
-            limit: 500,
+            limit: { value: 500 },
             value: 300,
         },
         opacity: {

package/esm/r/reactBubbles.js

@@ -70,7 +70,6 @@ const options = {
             },
         },
         number: {
-            limit: -1,
             value: 160,
         },
         opacity: {

package/esm/r/reactNightSky.js

@@ -55,7 +55,6 @@ const options = {
             density: {
                 enable: true,
             },
-            limit: -1,
             value: 60,
         },
         opacity: {

package/esm/r/reactPolygonMask.js

@@ -44,7 +44,6 @@ const options = {
             speed: 1,
         },
         number: {
-            limit: -1,
             value: 200,
         },
         opacity: {

package/esm/r/reactSimple.js

@@ -45,7 +45,6 @@ const options = {
             enable: true,
         },
         number: {
-            limit: -1,
             value: 50,
         },
         opacity: {

package/esm/r/reactSnow.js

@@ -74,7 +74,6 @@ const options = {
             enable: true,
         },
         number: {
-            limit: -1,
             value: 160,
         },
         opacity: {

package/esm/r/ring.js

@@ -3,7 +3,7 @@ const options = {
     particles: {
         number: {
             value: 0,
-            limit: 1000,
+            limit: { value: 1000 },
         },
         color: {
             value: "#ffffff",

package/esm/s/index.js

@@ -1,7 +1,6 @@
 import seaAnemone from "./seaAnemone.js";
 import shadow from "./shadow.js";
 import shapeArrow from "./shapeArrow.js";
-import shapeBubble from "./shapeBubble.js";
 import shapeCog from "./shapeCog.js";
 import shapeHeart from "./shapeHeart.js";
 import shapeMultilineText from "./shapeMultilineText.js";
@@ -27,7 +26,6 @@ export default {
     seaAnemone,
     shadow,
     shapeArrow,
-    shapeBubble,
     shapeCog,
     shapeHeart,
     shapeMultilineText,

package/esm/s/shapeMultilineText.js

@@ -16,9 +16,9 @@ const options = {
             },
         },
         shape: {
-            type: "multiline-text",
+            type: "text",
             options: {
-                "multiline-text": {
+                text: {
                     value: "pippo\npluto",
                 },
             },

package/esm/s/style.js

@@ -3,7 +3,7 @@ const options = {
     particles: {
         number: {
             value: 200,
-            limit: 200,
+            limit: { value: 200 },
         },
         color: {
             value: ["#ff0000", "#00ff00", "#0000ff", "#ffff00", "#ff00ff", "#00ffff"],

package/esm/s/svgReplace.js

@@ -69,7 +69,6 @@ const options = {
             density: {
                 enable: true,
             },
-            limit: 0,
             value: 80,
         },
         opacity: {

package/esm/t/tilt.js

@@ -42,7 +42,7 @@ const options = {
         },
         number: {
             value: 0,
-            limit: 300,
+            limit: { value: 300 },
         },
         opacity: {
             value: 1,

package/esm/t/trail.js

@@ -21,7 +21,7 @@ const options = {
     particles: {
         number: {
             value: 0,
-            limit: 300,
+            limit: { value: 300 },
         },
         color: {
             value: ["#5bc0eb", "#fde74c", "#9bc53d", "#e55934", "#fa7921"],

package/esm/t/trailImage.js

@@ -25,7 +25,7 @@ const options = {
     particles: {
         number: {
             value: 0,
-            limit: 300,
+            limit: { value: 300 },
         },
         color: {
             value: ["#5bc0eb", "#fde74c", "#9bc53d", "#e55934", "#fa7921"],

package/esm/w/wobble.js

@@ -42,7 +42,7 @@ const options = {
         },
         number: {
             value: 0,
-            limit: 300,
+            limit: { value: 300 },
         },
         opacity: {
             value: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/configs",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.4",
   "description": "tsParticles demo configurations",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -99,7 +99,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-beta.2"
+    "@tsparticles/engine": "^3.0.0-beta.4"
   },
   "publishConfig": {
     "access": "public"