@tsparticles/configs 4.0.0-beta.0 → 4.0.0-beta.2

package/browser/b/basic.js

@@ -33,7 +33,7 @@ const options = {
         },
         links: {
             enable: true,
-            distance: 200,
+            distance: 150,
             color: "#ffffff",
             opacity: 0.4,
             width: 1,

package/browser/b/blackHole.js

@@ -26,16 +26,9 @@ const options = {
                 max: 10,
             },
         },
-        links: {
-            enable: false,
-            distance: 150,
-            color: "#ffffff",
-            opacity: 0.4,
-            width: 1,
-        },
         move: {
             enable: true,
-            speed: 0.5,
+            speed: { max: 2, min: 0 },
             warp: true,
         },
     },

package/browser/index.js

@@ -31,7 +31,7 @@ for (const key of Object.keys(palettes)) {
     if (!palette) {
         continue;
     }
-    tsParticles.addPalette(key, palette);
+    tsParticles.pluginManager.addPalette(key, palette);
 }
 const configs = {
     ...a,
@@ -66,6 +66,6 @@ for (const key of Object.keys(configs)) {
     if (!config) {
         continue;
     }
-    tsParticles.addConfig(config);
+    tsParticles.pluginManager.addConfig(config);
 }
 export default configs;

package/browser/m/index.js

@@ -4,6 +4,7 @@ import motionDisable from "./motionDisable.js";
 import motionReduce from "./motionReduce.js";
 import mouseAttract from "./mouseAttract.js";
 import mouseBounce from "./mouseBounce.js";
+import mouseCannon from "./mouseCannon.js";
 import mouseDrag from "./mouseDrag.js";
 import mouseDragMomentum from "./mouseDragMomentum.js";
 import mouseFollow from "./mouseFollow.js";
@@ -24,6 +25,7 @@ export default {
     motionReduce,
     mouseAttract,
     mouseBounce,
+    mouseCannon,
     mouseDrag,
     mouseDragMomentum,
     mouseFollow,

package/browser/m/mouseCannon.js

@@ -0,0 +1,100 @@
+const options = {
+    key: "mouseCannon",
+    name: "Mouse Cannon",
+    particles: {
+        number: {
+            value: 0,
+            density: {
+                enable: true,
+            },
+        },
+        fill: {
+            color: {
+                value: ["#ffffff", "#ff0000"],
+            },
+            enable: true,
+        },
+        shape: {
+            type: ["square", "circle"],
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 5,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 1,
+            decay: 0.1,
+            gravity: {
+                enable: true,
+            },
+            outModes: {
+                default: "destroy",
+                top: "none",
+            },
+        },
+        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,
+            },
+        },
+        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: {
+            onClick: {
+                enable: true,
+                mode: "cannon",
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/browser/p/pathBrownian.js

@@ -1,3 +1,4 @@
+import {} from "@tsparticles/engine";
 const angleDeltaFactor = 18, options = {
     key: "pathBrownian",
     name: "Path Brownian",

package/browser/s/shapeEmojiPadding.js

@@ -1,3 +1,4 @@
+import {} from "@tsparticles/engine";
 const emitterRate = {
     delay: 0.2,
     quantity: 1,

package/cjs/b/basic.js

@@ -33,7 +33,7 @@ const options = {
         },
         links: {
             enable: true,
-            distance: 200,
+            distance: 150,
             color: "#ffffff",
             opacity: 0.4,
             width: 1,

package/cjs/b/blackHole.js

@@ -26,16 +26,9 @@ const options = {
                 max: 10,
             },
         },
-        links: {
-            enable: false,
-            distance: 150,
-            color: "#ffffff",
-            opacity: 0.4,
-            width: 1,
-        },
         move: {
             enable: true,
-            speed: 0.5,
+            speed: { max: 2, min: 0 },
             warp: true,
         },
     },

package/cjs/index.js

@@ -31,7 +31,7 @@ for (const key of Object.keys(palettes)) {
     if (!palette) {
         continue;
     }
-    tsParticles.addPalette(key, palette);
+    tsParticles.pluginManager.addPalette(key, palette);
 }
 const configs = {
     ...a,
@@ -66,6 +66,6 @@ for (const key of Object.keys(configs)) {
     if (!config) {
         continue;
     }
-    tsParticles.addConfig(config);
+    tsParticles.pluginManager.addConfig(config);
 }
 export default configs;

package/cjs/m/index.js

@@ -4,6 +4,7 @@ import motionDisable from "./motionDisable.js";
 import motionReduce from "./motionReduce.js";
 import mouseAttract from "./mouseAttract.js";
 import mouseBounce from "./mouseBounce.js";
+import mouseCannon from "./mouseCannon.js";
 import mouseDrag from "./mouseDrag.js";
 import mouseDragMomentum from "./mouseDragMomentum.js";
 import mouseFollow from "./mouseFollow.js";
@@ -24,6 +25,7 @@ export default {
     motionReduce,
     mouseAttract,
     mouseBounce,
+    mouseCannon,
     mouseDrag,
     mouseDragMomentum,
     mouseFollow,

package/cjs/m/mouseCannon.js

@@ -0,0 +1,100 @@
+const options = {
+    key: "mouseCannon",
+    name: "Mouse Cannon",
+    particles: {
+        number: {
+            value: 0,
+            density: {
+                enable: true,
+            },
+        },
+        fill: {
+            color: {
+                value: ["#ffffff", "#ff0000"],
+            },
+            enable: true,
+        },
+        shape: {
+            type: ["square", "circle"],
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 5,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 1,
+            decay: 0.1,
+            gravity: {
+                enable: true,
+            },
+            outModes: {
+                default: "destroy",
+                top: "none",
+            },
+        },
+        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,
+            },
+        },
+        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: {
+            onClick: {
+                enable: true,
+                mode: "cannon",
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/cjs/p/pathBrownian.js

@@ -1,3 +1,4 @@
+import {} from "@tsparticles/engine";
 const angleDeltaFactor = 18, options = {
     key: "pathBrownian",
     name: "Path Brownian",

package/cjs/s/shapeEmojiPadding.js

@@ -1,3 +1,4 @@
+import {} from "@tsparticles/engine";
 const emitterRate = {
     delay: 0.2,
     quantity: 1,

package/esm/b/basic.js

@@ -33,7 +33,7 @@ const options = {
         },
         links: {
             enable: true,
-            distance: 200,
+            distance: 150,
             color: "#ffffff",
             opacity: 0.4,
             width: 1,

package/esm/b/blackHole.js

@@ -26,16 +26,9 @@ const options = {
                 max: 10,
             },
         },
-        links: {
-            enable: false,
-            distance: 150,
-            color: "#ffffff",
-            opacity: 0.4,
-            width: 1,
-        },
         move: {
             enable: true,
-            speed: 0.5,
+            speed: { max: 2, min: 0 },
             warp: true,
         },
     },

package/esm/index.js

@@ -31,7 +31,7 @@ for (const key of Object.keys(palettes)) {
     if (!palette) {
         continue;
     }
-    tsParticles.addPalette(key, palette);
+    tsParticles.pluginManager.addPalette(key, palette);
 }
 const configs = {
     ...a,
@@ -66,6 +66,6 @@ for (const key of Object.keys(configs)) {
     if (!config) {
         continue;
     }
-    tsParticles.addConfig(config);
+    tsParticles.pluginManager.addConfig(config);
 }
 export default configs;

package/esm/m/index.js

@@ -4,6 +4,7 @@ import motionDisable from "./motionDisable.js";
 import motionReduce from "./motionReduce.js";
 import mouseAttract from "./mouseAttract.js";
 import mouseBounce from "./mouseBounce.js";
+import mouseCannon from "./mouseCannon.js";
 import mouseDrag from "./mouseDrag.js";
 import mouseDragMomentum from "./mouseDragMomentum.js";
 import mouseFollow from "./mouseFollow.js";
@@ -24,6 +25,7 @@ export default {
     motionReduce,
     mouseAttract,
     mouseBounce,
+    mouseCannon,
     mouseDrag,
     mouseDragMomentum,
     mouseFollow,

package/esm/m/mouseCannon.js

@@ -0,0 +1,100 @@
+const options = {
+    key: "mouseCannon",
+    name: "Mouse Cannon",
+    particles: {
+        number: {
+            value: 0,
+            density: {
+                enable: true,
+            },
+        },
+        fill: {
+            color: {
+                value: ["#ffffff", "#ff0000"],
+            },
+            enable: true,
+        },
+        shape: {
+            type: ["square", "circle"],
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 5,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 1,
+            decay: 0.1,
+            gravity: {
+                enable: true,
+            },
+            outModes: {
+                default: "destroy",
+                top: "none",
+            },
+        },
+        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,
+            },
+        },
+        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: {
+            onClick: {
+                enable: true,
+                mode: "cannon",
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/p/pathBrownian.js

@@ -1,3 +1,4 @@
+import {} from "@tsparticles/engine";
 const angleDeltaFactor = 18, options = {
     key: "pathBrownian",
     name: "Path Brownian",

package/esm/s/shapeEmojiPadding.js

@@ -1,3 +1,4 @@
+import {} from "@tsparticles/engine";
 const emitterRate = {
     delay: 0.2,
     quantity: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/configs",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.2",
   "description": "tsParticles demo configurations",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -93,13 +93,12 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"