@tsparticles/configs 3.6.0-beta.1 → 3.7.0

package/browser/l/index.js

@@ -1,8 +1,10 @@
+import lch from "./lch.js";
 import life from "./life.js";
 import lightHover from "./lightHover.js";
 import linkTriangles from "./linkTriangles.js";
 import localPolygonMask from "./localPolygonMask.js";
 export default {
+    lch,
     life,
     lightHover,
     linkTriangles,

package/browser/l/lch.js

@@ -0,0 +1,67 @@
+const options = {
+    key: "lch",
+    name: "LCH",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "lch(63.94% 33.1 0.67)",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.5,
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 3,
+            },
+        },
+        links: {
+            enable: true,
+            distance: 150,
+            color: "#ffffff",
+            opacity: 0.4,
+            width: 1,
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/browser/n/index.js

@@ -1,3 +1,4 @@
+import namedColors from "./namedColors.js";
 import nasa from "./nasa.js";
 import noClear from "./noClear.js";
 import noConfig from "./noConfig.js";
@@ -5,6 +6,7 @@ import noisePlanes from "./noisePlanes.js";
 import nyancat from "./nyancat.js";
 import nyancat2 from "./nyancat2.js";
 export default {
+    namedColors,
     nasa,
     noClear,
     noConfig,

package/browser/n/namedColors.js

@@ -0,0 +1,55 @@
+const options = {
+    key: "namedColors",
+    name: "Named Colors",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: ["aqua", "deepskyblue", "firebrick", "khaki"],
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 7,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/browser/o/index.js

@@ -1,4 +1,6 @@
+import oklch from "./oklch";
 import orbit from "./orbit.js";
 export default {
+    oklch,
     orbit,
 };

package/browser/o/oklch.js

@@ -0,0 +1,67 @@
+const options = {
+    key: "oklch",
+    name: "OKLCH",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "oklch(70% 0.1 266)",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.5,
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 3,
+            },
+        },
+        links: {
+            enable: true,
+            distance: 150,
+            color: "#ffffff",
+            opacity: 0.4,
+            width: 1,
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/cjs/l/index.js

@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const lch_js_1 = __importDefault(require("./lch.js"));
 const life_js_1 = __importDefault(require("./life.js"));
 const lightHover_js_1 = __importDefault(require("./lightHover.js"));
 const linkTriangles_js_1 = __importDefault(require("./linkTriangles.js"));
 const localPolygonMask_js_1 = __importDefault(require("./localPolygonMask.js"));
 exports.default = {
+    lch: lch_js_1.default,
     life: life_js_1.default,
     lightHover: lightHover_js_1.default,
     linkTriangles: linkTriangles_js_1.default,

package/cjs/l/lch.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const options = {
+    key: "lch",
+    name: "LCH",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "lch(63.94% 33.1 0.67)",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.5,
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 3,
+            },
+        },
+        links: {
+            enable: true,
+            distance: 150,
+            color: "#ffffff",
+            opacity: 0.4,
+            width: 1,
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+exports.default = options;

package/cjs/n/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const namedColors_js_1 = __importDefault(require("./namedColors.js"));
 const nasa_js_1 = __importDefault(require("./nasa.js"));
 const noClear_js_1 = __importDefault(require("./noClear.js"));
 const noConfig_js_1 = __importDefault(require("./noConfig.js"));
@@ -10,6 +11,7 @@ const noisePlanes_js_1 = __importDefault(require("./noisePlanes.js"));
 const nyancat_js_1 = __importDefault(require("./nyancat.js"));
 const nyancat2_js_1 = __importDefault(require("./nyancat2.js"));
 exports.default = {
+    namedColors: namedColors_js_1.default,
     nasa: nasa_js_1.default,
     noClear: noClear_js_1.default,
     noConfig: noConfig_js_1.default,

package/cjs/n/namedColors.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const options = {
+    key: "namedColors",
+    name: "Named Colors",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: ["aqua", "deepskyblue", "firebrick", "khaki"],
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 7,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+exports.default = options;

package/cjs/o/index.js

@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const oklch_1 = __importDefault(require("./oklch"));
 const orbit_js_1 = __importDefault(require("./orbit.js"));
 exports.default = {
+    oklch: oklch_1.default,
     orbit: orbit_js_1.default,
 };

package/cjs/o/oklch.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const options = {
+    key: "oklch",
+    name: "OKLCH",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "oklch(70% 0.1 266)",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.5,
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 3,
+            },
+        },
+        links: {
+            enable: true,
+            distance: 150,
+            color: "#ffffff",
+            opacity: 0.4,
+            width: 1,
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+exports.default = options;

package/esm/l/index.js

@@ -1,8 +1,10 @@
+import lch from "./lch.js";
 import life from "./life.js";
 import lightHover from "./lightHover.js";
 import linkTriangles from "./linkTriangles.js";
 import localPolygonMask from "./localPolygonMask.js";
 export default {
+    lch,
     life,
     lightHover,
     linkTriangles,

package/esm/l/lch.js

@@ -0,0 +1,67 @@
+const options = {
+    key: "lch",
+    name: "LCH",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "lch(63.94% 33.1 0.67)",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.5,
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 3,
+            },
+        },
+        links: {
+            enable: true,
+            distance: 150,
+            color: "#ffffff",
+            opacity: 0.4,
+            width: 1,
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/n/index.js

@@ -1,3 +1,4 @@
+import namedColors from "./namedColors.js";
 import nasa from "./nasa.js";
 import noClear from "./noClear.js";
 import noConfig from "./noConfig.js";
@@ -5,6 +6,7 @@ import noisePlanes from "./noisePlanes.js";
 import nyancat from "./nyancat.js";
 import nyancat2 from "./nyancat2.js";
 export default {
+    namedColors,
     nasa,
     noClear,
     noConfig,

package/esm/n/namedColors.js

@@ -0,0 +1,55 @@
+const options = {
+    key: "namedColors",
+    name: "Named Colors",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: ["aqua", "deepskyblue", "firebrick", "khaki"],
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 7,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/o/index.js

@@ -1,4 +1,6 @@
+import oklch from "./oklch";
 import orbit from "./orbit.js";
 export default {
+    oklch,
     orbit,
 };

package/esm/o/oklch.js

@@ -0,0 +1,67 @@
+const options = {
+    key: "oklch",
+    name: "OKLCH",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "oklch(70% 0.1 266)",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.5,
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 3,
+            },
+        },
+        links: {
+            enable: true,
+            distance: 150,
+            color: "#ffffff",
+            opacity: 0.4,
+            width: 1,
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/package.json

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