@tsparticles/configs 4.0.5 → 4.1.0

package/cjs/m/musicEmitter.js

@@ -0,0 +1,78 @@
+const chars = ["♪", "♫", "♩", "♬", "♭", "♮", "♯"], options = {
+    key: "musicEmitter",
+    name: "Music Emitter",
+    particles: {
+        paint: {
+            color: {
+                value: [
+                    "#ff5733",
+                    "#33ff57",
+                    "#3357ff",
+                    "#ff33a1",
+                    "#a133ff",
+                    "#33fff6",
+                    "#f4d03f",
+                ],
+            },
+        },
+        opacity: {
+            value: {
+                min: 0,
+                max: 1,
+            },
+            animation: {
+                enable: true,
+                speed: 1.25,
+                startValue: "max",
+                destroy: "min",
+                sync: true,
+                count: 1,
+            },
+        },
+        move: {
+            enable: true,
+            outModes: "destroy",
+            speed: 10,
+            straight: true,
+        },
+        life: {
+            enable: true,
+            count: 1,
+        },
+        size: {
+            value: { min: 5, max: 30 },
+            animation: {
+                enable: true,
+                speed: 50,
+                startValue: "max",
+                destroy: "min",
+                sync: true,
+                count: 1,
+            },
+        },
+        shape: {
+            type: "text",
+            options: {
+                text: {
+                    value: chars,
+                },
+            },
+        },
+    },
+    emitters: {
+        direction: "top",
+        position: {
+            x: 50,
+            y: 50,
+        },
+        size: {
+            width: 10,
+            height: 10,
+        },
+        rate: {
+            delay: 0.15,
+            quantity: 1,
+        },
+    },
+};
+export default options;

package/cjs/r/index.js

@@ -1,12 +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";
-import reactNightSky from "./reactNightSky.js";
-import reactPolygonMask from "./reactPolygonMask.js";
-import reactSimple from "./reactSimple.js";
-import reactSnow from "./reactSnow.js";
 import reduceDuplicates from "./reduceDuplicates.js";
 import repulse from "./repulse.js";
 import repulseBack from "./repulseBack.js";
@@ -26,13 +19,6 @@ import ring from "./ring.js";
 export default {
     random,
     randomShapes,
-    reactBubbles,
-    reactDefaults,
-    reactMultipleImages,
-    reactNightSky,
-    reactPolygonMask,
-    reactSimple,
-    reactSnow,
     reduceDuplicates,
     repulse,
     repulseBack,

package/cjs/s/index.js

@@ -9,6 +9,7 @@ import shapeInfinity from "./shapeInfinity.js";
 import shapeMultilineText from "./shapeMultilineText.js";
 import shapeOptions from "./shapeOptions.js";
 import shapePath from "./shapePath.js";
+import shapeRibbon from "./shapeRibbon.js";
 import shapeRoundedPolygon from "./shapeRoundedPolygon.js";
 import shapeRoundedRect from "./shapeRoundedRect.js";
 import shapeSpiral from "./shapeSpiral.js";
@@ -38,6 +39,7 @@ export default {
     shapeMultilineText,
     shapeOptions,
     shapePath,
+    shapeRibbon,
     shapeRoundedPolygon,
     shapeRoundedRect,
     shapeSpiral,

package/cjs/s/shapeRibbon.js

@@ -0,0 +1,73 @@
+const options = {
+    key: "shapeRibbon",
+    name: "Shape Ribbon",
+    particles: {
+        number: {
+            value: 18,
+            density: {
+                enable: false,
+            },
+        },
+        paint: {
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 8,
+                        sync: true,
+                    },
+                },
+                enable: true,
+            },
+            stroke: {
+                color: {
+                    value: "#ffffff",
+                    animation: {
+                        enable: true,
+                        speed: 8,
+                        sync: true,
+                    },
+                },
+                width: 1,
+            },
+        },
+        shape: {
+            type: "ribbon",
+            options: {
+                ribbon: {
+                    angle: 45,
+                    darken: {
+                        enable: true,
+                        value: 30,
+                    },
+                    count: 50,
+                    drag: 0.05,
+                    mass: 1,
+                    oscillationDistance: 40,
+                    oscillationSpeed: 3,
+                    particleDist: 8,
+                    velocityInherit: 5,
+                },
+            },
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: 8,
+        },
+        links: {
+            enable: false,
+        },
+        move: {
+            enable: true,
+            direction: "none",
+            speed: 2,
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/f/fallingConfettiWithRibbons.js

@@ -0,0 +1,218 @@
+const options = {
+    key: "fallingConfettiWithRibbons",
+    name: "Falling Confetti with Ribbons",
+    background: {
+        color: "#000000",
+    },
+    particles: {
+        paint: {
+            fill: {
+                color: {
+                    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",
+                    ],
+                    animation: {
+                        enable: true,
+                        speed: 30,
+                    },
+                },
+                enable: true,
+            },
+        },
+        move: {
+            direction: "bottom",
+            enable: true,
+            outModes: "out",
+            speed: {
+                min: 3,
+                max: 5,
+            },
+        },
+        number: {
+            value: 300,
+        },
+        opacity: {
+            value: 1,
+        },
+        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: ["triangle", "circle", "square", "polygon"],
+            options: {
+                polygon: [
+                    {
+                        sides: 5,
+                    },
+                    {
+                        sides: 6,
+                    },
+                ],
+            },
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 5,
+            },
+        },
+        roll: {
+            darken: {
+                enable: true,
+                value: 30,
+            },
+            enlighten: {
+                enable: true,
+                value: 30,
+            },
+            enable: true,
+            mode: "both",
+            speed: {
+                min: 40,
+                max: 60,
+            },
+        },
+        wobble: {
+            distance: 30,
+            enable: true,
+            move: true,
+            speed: {
+                min: -15,
+                max: 15,
+            },
+        },
+    },
+    emitters: {
+        direction: "bottom",
+        position: {
+            x: 50,
+            y: 0,
+        },
+        size: {
+            width: 100,
+            height: 0,
+        },
+        rate: {
+            delay: 1,
+            quantity: 1,
+        },
+        particles: {
+            move: {
+                direction: "bottom",
+                enable: true,
+                outModes: {
+                    top: "none",
+                    default: "destroy",
+                },
+                speed: {
+                    min: 4,
+                    max: 6,
+                },
+            },
+            size: {
+                value: 8,
+            },
+            roll: {
+                enable: false,
+            },
+            rotate: {
+                value: 0,
+                move: false,
+                animation: {
+                    enable: false,
+                },
+            },
+            tilt: {
+                enable: false,
+            },
+            wobble: {
+                enable: false,
+            },
+            shape: {
+                type: "ribbon",
+                options: {
+                    ribbon: {
+                        angle: 45,
+                        darken: {
+                            enable: true,
+                            value: 30,
+                        },
+                        count: 60,
+                        drag: 0.02,
+                        mass: 1,
+                        oscillationDistance: {
+                            min: 100,
+                            max: 140,
+                        },
+                        oscillationSpeed: {
+                            min: 3,
+                            max: 5,
+                        },
+                        particleDist: 8,
+                        velocityInherit: {
+                            min: 4,
+                            max: 6,
+                        },
+                    },
+                },
+            },
+        },
+    },
+};
+export default options;

package/esm/f/index.js

@@ -1,4 +1,5 @@
 import fallingConfetti from "./fallingConfetti.js";
+import fallingconfettiWithRibbons from "./fallingConfettiWithRibbons.js";
 import fireworks from "./fireworks.js";
 import fireworks2 from "./fireworks2.js";
 import fireworks3 from "./fireworks3.js";
@@ -7,6 +8,7 @@ import fontawesome from "./fontawesome.js";
 import forward from "./forward.js";
 export default {
     fallingConfetti,
+    fallingconfettiWithRibbons,
     fireworks,
     fireworks2,
     fireworks3,

package/esm/m/index.js

@@ -20,6 +20,7 @@ import moveInside from "./moveInside.js";
 import moveOutside from "./moveOutside.js";
 import multipleClickEmitters from "./multipleClickEmitters.js";
 import multiplePolygonMasks from "./multiplePolygonMasks.js";
+import musicEmitter from "./musicEmitter.js";
 export default {
     manual,
     matrix,
@@ -43,4 +44,5 @@ export default {
     moveOutside,
     multipleClickEmitters,
     multiplePolygonMasks,
+    musicEmitter,
 };

package/esm/m/musicEmitter.js

@@ -0,0 +1,78 @@
+const chars = ["♪", "♫", "♩", "♬", "♭", "♮", "♯"], options = {
+    key: "musicEmitter",
+    name: "Music Emitter",
+    particles: {
+        paint: {
+            color: {
+                value: [
+                    "#ff5733",
+                    "#33ff57",
+                    "#3357ff",
+                    "#ff33a1",
+                    "#a133ff",
+                    "#33fff6",
+                    "#f4d03f",
+                ],
+            },
+        },
+        opacity: {
+            value: {
+                min: 0,
+                max: 1,
+            },
+            animation: {
+                enable: true,
+                speed: 1.25,
+                startValue: "max",
+                destroy: "min",
+                sync: true,
+                count: 1,
+            },
+        },
+        move: {
+            enable: true,
+            outModes: "destroy",
+            speed: 10,
+            straight: true,
+        },
+        life: {
+            enable: true,
+            count: 1,
+        },
+        size: {
+            value: { min: 5, max: 30 },
+            animation: {
+                enable: true,
+                speed: 50,
+                startValue: "max",
+                destroy: "min",
+                sync: true,
+                count: 1,
+            },
+        },
+        shape: {
+            type: "text",
+            options: {
+                text: {
+                    value: chars,
+                },
+            },
+        },
+    },
+    emitters: {
+        direction: "top",
+        position: {
+            x: 50,
+            y: 50,
+        },
+        size: {
+            width: 10,
+            height: 10,
+        },
+        rate: {
+            delay: 0.15,
+            quantity: 1,
+        },
+    },
+};
+export default options;

package/esm/r/index.js

@@ -1,12 +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";
-import reactNightSky from "./reactNightSky.js";
-import reactPolygonMask from "./reactPolygonMask.js";
-import reactSimple from "./reactSimple.js";
-import reactSnow from "./reactSnow.js";
 import reduceDuplicates from "./reduceDuplicates.js";
 import repulse from "./repulse.js";
 import repulseBack from "./repulseBack.js";
@@ -26,13 +19,6 @@ import ring from "./ring.js";
 export default {
     random,
     randomShapes,
-    reactBubbles,
-    reactDefaults,
-    reactMultipleImages,
-    reactNightSky,
-    reactPolygonMask,
-    reactSimple,
-    reactSnow,
     reduceDuplicates,
     repulse,
     repulseBack,

package/esm/s/index.js

@@ -9,6 +9,7 @@ import shapeInfinity from "./shapeInfinity.js";
 import shapeMultilineText from "./shapeMultilineText.js";
 import shapeOptions from "./shapeOptions.js";
 import shapePath from "./shapePath.js";
+import shapeRibbon from "./shapeRibbon.js";
 import shapeRoundedPolygon from "./shapeRoundedPolygon.js";
 import shapeRoundedRect from "./shapeRoundedRect.js";
 import shapeSpiral from "./shapeSpiral.js";
@@ -38,6 +39,7 @@ export default {
     shapeMultilineText,
     shapeOptions,
     shapePath,
+    shapeRibbon,
     shapeRoundedPolygon,
     shapeRoundedRect,
     shapeSpiral,

package/esm/s/shapeRibbon.js

@@ -0,0 +1,73 @@
+const options = {
+    key: "shapeRibbon",
+    name: "Shape Ribbon",
+    particles: {
+        number: {
+            value: 18,
+            density: {
+                enable: false,
+            },
+        },
+        paint: {
+            fill: {
+                color: {
+                    value: "#ff0000",
+                    animation: {
+                        enable: true,
+                        speed: 8,
+                        sync: true,
+                    },
+                },
+                enable: true,
+            },
+            stroke: {
+                color: {
+                    value: "#ffffff",
+                    animation: {
+                        enable: true,
+                        speed: 8,
+                        sync: true,
+                    },
+                },
+                width: 1,
+            },
+        },
+        shape: {
+            type: "ribbon",
+            options: {
+                ribbon: {
+                    angle: 45,
+                    darken: {
+                        enable: true,
+                        value: 30,
+                    },
+                    count: 50,
+                    drag: 0.05,
+                    mass: 1,
+                    oscillationDistance: 40,
+                    oscillationSpeed: 3,
+                    particleDist: 8,
+                    velocityInherit: 5,
+                },
+            },
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: 8,
+        },
+        links: {
+            enable: false,
+        },
+        move: {
+            enable: true,
+            direction: "none",
+            speed: 2,
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/configs",
-  "version": "4.0.5",
+  "version": "4.1.0",
   "description": "tsParticles demo configurations",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -105,7 +105,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.0.5"
+    "@tsparticles/engine": "4.1.0"
   },
   "publishConfig": {
     "access": "public"