@tsparticles/path-zig-zag 4.0.0-alpha.5 → 4.0.0-beta.0

package/38.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_path_zig_zag=this.webpackChunk_tsparticles_path_zig_zag||[]).push([[38],{38(t,e,i){i.d(e,{ZigZagPathGenerator:()=>h});var a=i(303);let n=Math.PI*a.half,s={waveHeight:{min:0,max:3},waveLength:{min:0,max:5}};class h{options;_container;_res;constructor(t){this._container=t,this._res=a.Vector.origin,this.options=(0,a.deepExtend)({},s)}generate(t,e){let{options:i}=this;t.zigzag??={counter:(0,a.getRandom)(),waveHeight:(0,a.getRangeValue)(i.waveHeight),waveLength:(0,a.getRangeValue)(i.waveLength)};let s=.5/t.zigzag.waveLength*e.factor;t.zigzag.counter+=s;let h=t.zigzag.waveHeight*Math.sin(t.zigzag.counter);return t.position.x+=h*Math.cos(t.velocity.angle+n),t.position.y+=h*Math.sin(t.velocity.angle+n),this._res.x=0,this._res.y=0,this._res}init(){let t=this._container.actualOptions.particles.move.path.options;this.options.waveLength=t.waveLength??this.options.waveLength,this.options.waveHeight=t.waveHeight??this.options.waveHeight}reset(){}update(){}}}}]);

package/browser/ZigZagPathGenerator.js

@@ -1,29 +1,38 @@
-import { Vector, getRandom, getRangeValue, half, } from "@tsparticles/engine";
+import { Vector, deepExtend, getRandom, getRangeValue, half, } from "@tsparticles/engine";
 const angularFrequencyFactor = 0.5, halfPI = Math.PI * half;
+const defaultOptions = {
+    waveHeight: { min: 0, max: 3 },
+    waveLength: { min: 0, max: 5 },
+};
 export class ZigZagPathGenerator {
-    constructor() {
-        this.options = {
-            waveHeight: { min: 0, max: 3 },
-            waveLength: { min: 0, max: 5 },
-        };
+    options;
+    _container;
+    _res;
+    constructor(container) {
+        this._container = container;
+        this._res = Vector.origin;
+        this.options = deepExtend({}, defaultOptions);
     }
     generate(particle, delta) {
+        const { options } = this;
         particle.zigzag ??= {
             counter: getRandom(),
-            waveHeight: getRangeValue(this.options.waveHeight),
-            waveLength: getRangeValue(this.options.waveLength),
+            waveHeight: getRangeValue(options.waveHeight),
+            waveLength: getRangeValue(options.waveLength),
         };
         const angularFrequency = (angularFrequencyFactor / particle.zigzag.waveLength) * delta.factor;
         particle.zigzag.counter += angularFrequency;
         const zigzagAngle = particle.zigzag.waveHeight * Math.sin(particle.zigzag.counter);
         particle.position.x += zigzagAngle * Math.cos(particle.velocity.angle + halfPI);
         particle.position.y += zigzagAngle * Math.sin(particle.velocity.angle + halfPI);
-        return Vector.origin;
+        this._res.x = 0;
+        this._res.y = 0;
+        return this._res;
     }
-    init(container) {
-        const options = container.actualOptions.particles.move.path.options;
-        this.options.waveLength = options["waveLength"] ?? this.options.waveLength;
-        this.options.waveHeight = options["waveHeight"] ?? this.options.waveHeight;
+    init() {
+        const sourceOptions = this._container.actualOptions.particles.move.path.options;
+        this.options.waveLength = sourceOptions["waveLength"] ?? this.options.waveLength;
+        this.options.waveHeight = sourceOptions["waveHeight"] ?? this.options.waveHeight;
     }
     reset() {
     }

package/browser/index.js

@@ -1,8 +1,12 @@
 export const zigZagPathName = "zigZagPathGenerator";
 export async function loadZigZagPath(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        const { ZigZagPathGenerator } = await import("./ZigZagPathGenerator.js");
-        e.addPathGenerator(zigZagPathName, new ZigZagPathGenerator());
+        const { ensureBaseMoverLoaded } = await import("@tsparticles/plugin-move");
+        ensureBaseMoverLoaded(e);
+        e.addPathGenerator?.(zigZagPathName, async (container) => {
+            const { ZigZagPathGenerator } = await import("./ZigZagPathGenerator.js");
+            return new ZigZagPathGenerator(container);
+        });
     });
 }

package/cjs/ZigZagPathGenerator.js

@@ -1,29 +1,38 @@
-import { Vector, getRandom, getRangeValue, half, } from "@tsparticles/engine";
+import { Vector, deepExtend, getRandom, getRangeValue, half, } from "@tsparticles/engine";
 const angularFrequencyFactor = 0.5, halfPI = Math.PI * half;
+const defaultOptions = {
+    waveHeight: { min: 0, max: 3 },
+    waveLength: { min: 0, max: 5 },
+};
 export class ZigZagPathGenerator {
-    constructor() {
-        this.options = {
-            waveHeight: { min: 0, max: 3 },
-            waveLength: { min: 0, max: 5 },
-        };
+    options;
+    _container;
+    _res;
+    constructor(container) {
+        this._container = container;
+        this._res = Vector.origin;
+        this.options = deepExtend({}, defaultOptions);
     }
     generate(particle, delta) {
+        const { options } = this;
         particle.zigzag ??= {
             counter: getRandom(),
-            waveHeight: getRangeValue(this.options.waveHeight),
-            waveLength: getRangeValue(this.options.waveLength),
+            waveHeight: getRangeValue(options.waveHeight),
+            waveLength: getRangeValue(options.waveLength),
         };
         const angularFrequency = (angularFrequencyFactor / particle.zigzag.waveLength) * delta.factor;
         particle.zigzag.counter += angularFrequency;
         const zigzagAngle = particle.zigzag.waveHeight * Math.sin(particle.zigzag.counter);
         particle.position.x += zigzagAngle * Math.cos(particle.velocity.angle + halfPI);
         particle.position.y += zigzagAngle * Math.sin(particle.velocity.angle + halfPI);
-        return Vector.origin;
+        this._res.x = 0;
+        this._res.y = 0;
+        return this._res;
     }
-    init(container) {
-        const options = container.actualOptions.particles.move.path.options;
-        this.options.waveLength = options["waveLength"] ?? this.options.waveLength;
-        this.options.waveHeight = options["waveHeight"] ?? this.options.waveHeight;
+    init() {
+        const sourceOptions = this._container.actualOptions.particles.move.path.options;
+        this.options.waveLength = sourceOptions["waveLength"] ?? this.options.waveLength;
+        this.options.waveHeight = sourceOptions["waveHeight"] ?? this.options.waveHeight;
     }
     reset() {
     }

package/cjs/index.js

@@ -1,8 +1,12 @@
 export const zigZagPathName = "zigZagPathGenerator";
 export async function loadZigZagPath(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        const { ZigZagPathGenerator } = await import("./ZigZagPathGenerator.js");
-        e.addPathGenerator(zigZagPathName, new ZigZagPathGenerator());
+        const { ensureBaseMoverLoaded } = await import("@tsparticles/plugin-move");
+        ensureBaseMoverLoaded(e);
+        e.addPathGenerator?.(zigZagPathName, async (container) => {
+            const { ZigZagPathGenerator } = await import("./ZigZagPathGenerator.js");
+            return new ZigZagPathGenerator(container);
+        });
     });
 }

package/dist_browser_ZigZagPathGenerator_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.5
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*********************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ZigZagPathGenerator: () => (/* binding */ ZigZagPathGenerator)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst angularFrequencyFactor = 0.5,\n  halfPI = Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\nclass ZigZagPathGenerator {\n  constructor() {\n    this.options = {\n      waveHeight: {\n        min: 0,\n        max: 3\n      },\n      waveLength: {\n        min: 0,\n        max: 5\n      }\n    };\n  }\n  generate(particle, delta) {\n    particle.zigzag ??= {\n      counter: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)(),\n      waveHeight: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.waveHeight),\n      waveLength: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.waveLength)\n    };\n    const angularFrequency = angularFrequencyFactor / particle.zigzag.waveLength * delta.factor;\n    particle.zigzag.counter += angularFrequency;\n    const zigzagAngle = particle.zigzag.waveHeight * Math.sin(particle.zigzag.counter);\n    particle.position.x += zigzagAngle * Math.cos(particle.velocity.angle + halfPI);\n    particle.position.y += zigzagAngle * Math.sin(particle.velocity.angle + halfPI);\n    return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n  }\n  init(container) {\n    const options = container.actualOptions.particles.move.path.options;\n    this.options.waveLength = options[\"waveLength\"] ?? this.options.waveLength;\n    this.options.waveHeight = options[\"waveHeight\"] ?? this.options.waveHeight;\n  }\n  reset() {}\n  update() {}\n}\n\n//# sourceURL=webpack://@tsparticles/path-zig-zag/./dist/browser/ZigZagPathGenerator.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ZigZagPathGenerator: () => (/* binding */ ZigZagPathGenerator)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst angularFrequencyFactor = 0.5, halfPI = Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\nconst defaultOptions = {\n    waveHeight: {\n        min: 0,\n        max: 3\n    },\n    waveLength: {\n        min: 0,\n        max: 5\n    }\n};\nclass ZigZagPathGenerator {\n    options;\n    _container;\n    _res;\n    constructor(container){\n        this._container = container;\n        this._res = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n        this.options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, defaultOptions);\n    }\n    generate(particle, delta) {\n        const { options } = this;\n        particle.zigzag ??= {\n            counter: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)(),\n            waveHeight: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.waveHeight),\n            waveLength: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.waveLength)\n        };\n        const angularFrequency = angularFrequencyFactor / particle.zigzag.waveLength * delta.factor;\n        particle.zigzag.counter += angularFrequency;\n        const zigzagAngle = particle.zigzag.waveHeight * Math.sin(particle.zigzag.counter);\n        particle.position.x += zigzagAngle * Math.cos(particle.velocity.angle + halfPI);\n        particle.position.y += zigzagAngle * Math.sin(particle.velocity.angle + halfPI);\n        this._res.x = 0;\n        this._res.y = 0;\n        return this._res;\n    }\n    init() {\n        const sourceOptions = this._container.actualOptions.particles.move.path.options;\n        this.options.waveLength = sourceOptions[\"waveLength\"] ?? this.options.waveLength;\n        this.options.waveHeight = sourceOptions[\"waveHeight\"] ?? this.options.waveHeight;\n    }\n    reset() {}\n    update() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/path-zig-zag/./dist/browser/ZigZagPathGenerator.js?\n}");
 
 /***/ }
 

package/esm/ZigZagPathGenerator.js

@@ -1,29 +1,38 @@
-import { Vector, getRandom, getRangeValue, half, } from "@tsparticles/engine";
+import { Vector, deepExtend, getRandom, getRangeValue, half, } from "@tsparticles/engine";
 const angularFrequencyFactor = 0.5, halfPI = Math.PI * half;
+const defaultOptions = {
+    waveHeight: { min: 0, max: 3 },
+    waveLength: { min: 0, max: 5 },
+};
 export class ZigZagPathGenerator {
-    constructor() {
-        this.options = {
-            waveHeight: { min: 0, max: 3 },
-            waveLength: { min: 0, max: 5 },
-        };
+    options;
+    _container;
+    _res;
+    constructor(container) {
+        this._container = container;
+        this._res = Vector.origin;
+        this.options = deepExtend({}, defaultOptions);
     }
     generate(particle, delta) {
+        const { options } = this;
         particle.zigzag ??= {
             counter: getRandom(),
-            waveHeight: getRangeValue(this.options.waveHeight),
-            waveLength: getRangeValue(this.options.waveLength),
+            waveHeight: getRangeValue(options.waveHeight),
+            waveLength: getRangeValue(options.waveLength),
         };
         const angularFrequency = (angularFrequencyFactor / particle.zigzag.waveLength) * delta.factor;
         particle.zigzag.counter += angularFrequency;
         const zigzagAngle = particle.zigzag.waveHeight * Math.sin(particle.zigzag.counter);
         particle.position.x += zigzagAngle * Math.cos(particle.velocity.angle + halfPI);
         particle.position.y += zigzagAngle * Math.sin(particle.velocity.angle + halfPI);
-        return Vector.origin;
+        this._res.x = 0;
+        this._res.y = 0;
+        return this._res;
     }
-    init(container) {
-        const options = container.actualOptions.particles.move.path.options;
-        this.options.waveLength = options["waveLength"] ?? this.options.waveLength;
-        this.options.waveHeight = options["waveHeight"] ?? this.options.waveHeight;
+    init() {
+        const sourceOptions = this._container.actualOptions.particles.move.path.options;
+        this.options.waveLength = sourceOptions["waveLength"] ?? this.options.waveLength;
+        this.options.waveHeight = sourceOptions["waveHeight"] ?? this.options.waveHeight;
     }
     reset() {
     }

package/esm/index.js

@@ -1,8 +1,12 @@
 export const zigZagPathName = "zigZagPathGenerator";
 export async function loadZigZagPath(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        const { ZigZagPathGenerator } = await import("./ZigZagPathGenerator.js");
-        e.addPathGenerator(zigZagPathName, new ZigZagPathGenerator());
+        const { ensureBaseMoverLoaded } = await import("@tsparticles/plugin-move");
+        ensureBaseMoverLoaded(e);
+        e.addPathGenerator?.(zigZagPathName, async (container) => {
+            const { ZigZagPathGenerator } = await import("./ZigZagPathGenerator.js");
+            return new ZigZagPathGenerator(container);
+        });
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/path-zig-zag",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-beta.0",
   "description": "tsParticles zig zag path",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -101,7 +101,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.5"
+    "@tsparticles/engine": "4.0.0-beta.0",
+    "@tsparticles/plugin-move": "4.0.0-beta.0"
   },
   "publishConfig": {
     "access": "public"