@tsparticles/path-perlin-noise 3.0.0-beta.3 → 3.0.0-beta.4

package/tsparticles.path.perlin.noise.js

@@ -4,18 +4,18 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-beta.3
+ * v3.0.0-beta.4
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@tsparticles/engine"));
+		module.exports = factory(require("@tsparticles/engine"), require("@tsparticles/perlin-noise"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/engine"], factory);
+		define(["@tsparticles/engine", "@tsparticles/perlin-noise"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine"), require("@tsparticles/perlin-noise")) : factory(root["window"], root["window"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__, __WEBPACK_EXTERNAL_MODULE__551__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -25,6 +25,13 @@ return /******/ (() => { // webpackBootstrap
 
 module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
 
+/***/ }),
+
+/***/ 551:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__551__;
+
 /***/ })
 
 /******/ 	});
@@ -97,89 +104,44 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
 var engine_root_window_ = __webpack_require__(533);
-;// CONCATENATED MODULE: ./dist/browser/Grad.js
-class Grad {
-  constructor(x, y, z) {
-    this.x = x;
-    this.y = y;
-    this.z = z;
-  }
-  dot2(x, y) {
-    return this.x * x + this.y * y;
-  }
-  dot3(x, y, z) {
-    return this.dot2(x, y) + this.z * z;
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/PerlinNoise.js
-
-const grad3 = [new Grad(1, 1, 0), new Grad(-1, 1, 0), new Grad(1, -1, 0), new Grad(-1, -1, 0), new Grad(1, 0, 1), new Grad(-1, 0, 1), new Grad(1, 0, -1), new Grad(-1, 0, -1), new Grad(0, 1, 1), new Grad(0, -1, 1), new Grad(0, 1, -1), new Grad(0, -1, -1)],
-  p = [151, 160, 137, 91, 90, 15, 131, 13, 201, 95, 96, 53, 194, 233, 7, 225, 140, 36, 103, 30, 69, 142, 8, 99, 37, 240, 21, 10, 23, 190, 6, 148, 247, 120, 234, 75, 0, 26, 197, 62, 94, 252, 219, 203, 117, 35, 11, 32, 57, 177, 33, 88, 237, 149, 56, 87, 174, 20, 125, 136, 171, 168, 68, 175, 74, 165, 71, 134, 139, 48, 27, 166, 77, 146, 158, 231, 83, 111, 229, 122, 60, 211, 133, 230, 220, 105, 92, 41, 55, 46, 245, 40, 244, 102, 143, 54, 65, 25, 63, 161, 1, 216, 80, 73, 209, 76, 132, 187, 208, 89, 18, 169, 200, 196, 135, 130, 116, 188, 159, 86, 164, 100, 109, 198, 173, 186, 3, 64, 52, 217, 226, 250, 124, 123, 5, 202, 38, 147, 118, 126, 255, 82, 85, 212, 207, 206, 59, 227, 47, 16, 58, 17, 182, 189, 28, 42, 223, 183, 170, 213, 119, 248, 152, 2, 44, 154, 163, 70, 221, 153, 101, 155, 167, 43, 172, 9, 129, 22, 39, 253, 19, 98, 108, 110, 79, 113, 224, 232, 178, 185, 112, 104, 218, 246, 97, 228, 251, 34, 242, 193, 238, 210, 144, 12, 191, 179, 162, 241, 81, 51, 145, 235, 249, 14, 239, 107, 49, 192, 214, 31, 181, 199, 106, 157, 184, 84, 204, 176, 115, 121, 50, 45, 127, 4, 150, 254, 138, 236, 205, 93, 222, 114, 67, 29, 24, 72, 243, 141, 128, 195, 78, 66, 215, 61, 156, 180];
-const perm = new Array(512);
-const gradP = new Array(512);
-function fade(t) {
-  return t * t * t * (t * (t * 6 - 15) + 10);
-}
-function lerp(a, b, t) {
-  return (1 - t) * a + t * b;
-}
-class PerlinNoise {
-  noise(x, y, z) {
-    let X = Math.floor(x),
-      Y = Math.floor(y),
-      Z = Math.floor(z);
-    x = x - X;
-    y = y - Y;
-    z = z - Z;
-    X = X & 255;
-    Y = Y & 255;
-    Z = Z & 255;
-    const n000 = gradP[X + perm[Y + perm[Z]]].dot3(x, y, z),
-      n001 = gradP[X + perm[Y + perm[Z + 1]]].dot3(x, y, z - 1),
-      n010 = gradP[X + perm[Y + 1 + perm[Z]]].dot3(x, y - 1, z),
-      n011 = gradP[X + perm[Y + 1 + perm[Z + 1]]].dot3(x, y - 1, z - 1),
-      n100 = gradP[X + 1 + perm[Y + perm[Z]]].dot3(x - 1, y, z),
-      n101 = gradP[X + 1 + perm[Y + perm[Z + 1]]].dot3(x - 1, y, z - 1),
-      n110 = gradP[X + 1 + perm[Y + 1 + perm[Z]]].dot3(x - 1, y - 1, z),
-      n111 = gradP[X + 1 + perm[Y + 1 + perm[Z + 1]]].dot3(x - 1, y - 1, z - 1),
-      u = fade(x),
-      v = fade(y),
-      w = fade(z);
-    return lerp(lerp(lerp(n000, n100, u), lerp(n001, n101, u), w), lerp(lerp(n010, n110, u), lerp(n011, n111, u), w), v);
-  }
-  seed(inputSeed) {
-    let seed = inputSeed;
-    if (seed > 0 && seed < 1) {
-      seed *= 65536;
-    }
-    seed = Math.floor(seed);
-    if (seed < 256) {
-      seed |= seed << 8;
-    }
-    for (let i = 0; i < 256; i++) {
-      const v = i & 1 ? p[i] ^ seed & 255 : p[i] ^ seed >> 8 & 255;
-      perm[i] = perm[i + 256] = v;
-      gradP[i] = gradP[i + 256] = grad3[v % 12];
-    }
-  }
-}
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/perlin-noise","commonjs2":"@tsparticles/perlin-noise","amd":"@tsparticles/perlin-noise","root":"window"}
+var perlin_noise_root_window_ = __webpack_require__(551);
 ;// CONCATENATED MODULE: ./dist/browser/PerlinNoiseGenerator.js
 
 
+const defaultOptions = {
+  draw: false,
+  size: 20,
+  increment: 0.004,
+  columns: 0,
+  rows: 0,
+  width: 0,
+  height: 0,
+  factor: {
+    angle: 0.02,
+    length: 0.01
+  },
+  offset: {
+    x: 40000,
+    y: 40000
+  }
+};
 class PerlinNoiseGenerator {
   constructor() {
     this._calculateField = () => {
       const {
-        field,
-        noiseGen,
-        options
-      } = this;
+          field,
+          noiseGen,
+          options
+        } = this,
+        lengthFactor = options.factor.length,
+        angleFactor = options.factor.angle;
       for (let x = 0; x < options.columns; x++) {
         const column = field[x];
         for (let y = 0; y < options.rows; y++) {
           const cell = column[y];
-          cell.length = noiseGen.noise(x / 100 + 40000, y / 100 + 40000, this.noiseZ);
-          cell.angle = noiseGen.noise(x / 50, y / 50, this.noiseZ) * Math.PI * 2;
+          cell.length = noiseGen.noise3d(x * lengthFactor + options.offset.x, y * lengthFactor + options.offset.y, this.noiseZ);
+          cell.angle = noiseGen.noise3d(x * angleFactor, y * angleFactor, this.noiseZ) * Math.PI * 2;
         }
       }
     };
@@ -220,38 +182,10 @@ class PerlinNoiseGenerator {
         }
       }
     };
-    this._resetField = container => {
-      const sourceOptions = container.actualOptions.particles.move.path.options,
-        {
-          options
-        } = this;
-      options.size = sourceOptions.size > 0 ? sourceOptions.size : 20;
-      options.increment = sourceOptions.increment > 0 ? sourceOptions.increment : 0.004;
-      options.draw = !!sourceOptions.draw;
-      options.width = container.canvas.size.width;
-      options.height = container.canvas.size.height;
-      this.noiseGen.seed(sourceOptions.seed ?? (0,engine_root_window_.getRandom)());
-      options.columns = Math.floor(this.options.width / this.options.size) + 1;
-      options.rows = Math.floor(this.options.height / this.options.size) + 1;
-      this._initField();
-    };
-    this._setup = container => {
-      this.noiseZ = 0;
-      this._resetField(container);
-      window.addEventListener("resize", () => this._resetField(container));
-    };
-    this.noiseGen = new PerlinNoise();
+    this.noiseGen = new perlin_noise_root_window_.PerlinNoise();
     this.field = [];
     this.noiseZ = 0;
-    this.options = {
-      draw: false,
-      size: 20,
-      increment: 0.004,
-      columns: 0,
-      rows: 0,
-      width: 0,
-      height: 0
-    };
+    this.options = (0,engine_root_window_.deepExtend)({}, defaultOptions);
   }
   generate(particle) {
     const pos = particle.getPosition(),
@@ -269,7 +203,7 @@ class PerlinNoiseGenerator {
   }
   init(container) {
     this.container = container;
-    this._setup(container);
+    this._setup();
   }
   reset() {}
   update() {
@@ -282,6 +216,37 @@ class PerlinNoiseGenerator {
       this.container.canvas.draw(ctx => this._drawField(ctx));
     }
   }
+  _resetField() {
+    const container = this.container;
+    if (!container) {
+      return;
+    }
+    const sourceOptions = container.actualOptions.particles.move.path.options,
+      {
+        options
+      } = this;
+    options.size = sourceOptions.size > 0 ? sourceOptions.size : defaultOptions.size;
+    options.increment = sourceOptions.increment > 0 ? sourceOptions.increment : defaultOptions.increment;
+    options.draw = !!sourceOptions.draw;
+    const offset = sourceOptions.offset;
+    options.offset.x = offset?.x ?? defaultOptions.offset.x;
+    options.offset.y = offset?.y ?? defaultOptions.offset.y;
+    const factor = sourceOptions.factor;
+    options.factor.angle = factor?.angle ?? defaultOptions.factor.angle;
+    options.factor.length = factor?.length ?? defaultOptions.factor.length;
+    options.width = container.canvas.size.width;
+    options.height = container.canvas.size.height;
+    this.options.seed = sourceOptions.seed;
+    this.noiseGen.seed(this.options.seed ?? (0,engine_root_window_.getRandom)());
+    options.columns = Math.floor(this.options.width / this.options.size) + 1;
+    options.rows = Math.floor(this.options.height / this.options.size) + 1;
+    this._initField();
+  }
+  _setup() {
+    this.noiseZ = 0;
+    this._resetField();
+    window.addEventListener("resize", () => this._resetField());
+  }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 

package/tsparticles.path.perlin.noise.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.path.perlin.noise.min.js.LICENSE.txt */
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function i(t){var s=o[t];if(void 0!==s)return s.exports;var n=o[t]={exports:{}};return e[t](n,n.exports,i),n.exports}i.d=(t,e)=>{for(var o in e)i.o(e,o)&&!i.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var s={};return(()=>{i.r(s),i.d(s,{loadPerlinNoisePath:()=>f,perlinNoisePathName:()=>p});var t=i(533);class e{constructor(t,e,o){this.x=t,this.y=e,this.z=o}dot2(t,e){return this.x*t+this.y*e}dot3(t,e,o){return this.dot2(t,e)+this.z*o}}const o=[new e(1,1,0),new e(-1,1,0),new e(1,-1,0),new e(-1,-1,0),new e(1,0,1),new e(-1,0,1),new e(1,0,-1),new e(-1,0,-1),new e(0,1,1),new e(0,-1,1),new e(0,1,-1),new e(0,-1,-1)],n=[151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180],r=new Array(512),a=new Array(512);function h(t){return t*t*t*(t*(6*t-15)+10)}function l(t,e,o){return(1-o)*t+o*e}class d{noise(t,e,o){let i=Math.floor(t),s=Math.floor(e),n=Math.floor(o);t-=i,e-=s,o-=n,i&=255,s&=255,n&=255;const d=a[i+r[s+r[n]]].dot3(t,e,o),c=a[i+r[s+r[n+1]]].dot3(t,e,o-1),p=a[i+r[s+1+r[n]]].dot3(t,e-1,o),f=a[i+r[s+1+r[n+1]]].dot3(t,e-1,o-1),w=a[i+1+r[s+r[n]]].dot3(t-1,e,o),u=a[i+1+r[s+r[n+1]]].dot3(t-1,e,o-1),m=a[i+1+r[s+1+r[n]]].dot3(t-1,e-1,o),y=a[i+1+r[s+1+r[n+1]]].dot3(t-1,e-1,o-1),g=h(t),v=h(e),x=h(o);return l(l(l(d,w,g),l(c,u,g),x),l(l(p,m,g),l(f,y,g),x),v)}seed(t){let e=t;e>0&&e<1&&(e*=65536),e=Math.floor(e),e<256&&(e|=e<<8);for(let t=0;t<256;t++){const i=1&t?n[t]^255&e:n[t]^e>>8&255;r[t]=r[t+256]=i,a[t]=a[t+256]=o[i%12]}}}class c{constructor(){this._calculateField=()=>{const{field:t,noiseGen:e,options:o}=this;for(let i=0;i<o.columns;i++){const s=t[i];for(let t=0;t<o.rows;t++){const o=s[t];o.length=e.noise(i/100+4e4,t/100+4e4,this.noiseZ),o.angle=e.noise(i/50,t/50,this.noiseZ)*Math.PI*2}}},this._drawField=t=>{const{field:e,options:o}=this;for(let i=0;i<o.columns;i++){const s=e[i];for(let e=0;e<o.rows;e++){const o=s[e],{angle:n,length:r}=o;t.setTransform(1,0,0,1,i*this.options.size,e*this.options.size),t.rotate(n),t.strokeStyle="white",t.beginPath(),t.moveTo(0,0),t.lineTo(0,this.options.size*r),t.stroke(),t.setTransform(1,0,0,1,0,0)}}},this._initField=()=>{const{columns:e,rows:o}=this.options;this.field=new Array(e);for(let i=0;i<e;i++){this.field[i]=new Array(o);for(let e=0;e<o;e++)this.field[i][e]=t.Vector.origin}},this._resetField=e=>{const o=e.actualOptions.particles.move.path.options,{options:i}=this;i.size=o.size>0?o.size:20,i.increment=o.increment>0?o.increment:.004,i.draw=!!o.draw,i.width=e.canvas.size.width,i.height=e.canvas.size.height,this.noiseGen.seed(o.seed??(0,t.getRandom)()),i.columns=Math.floor(this.options.width/this.options.size)+1,i.rows=Math.floor(this.options.height/this.options.size)+1,this._initField()},this._setup=t=>{this.noiseZ=0,this._resetField(t),window.addEventListener("resize",(()=>this._resetField(t)))},this.noiseGen=new d,this.field=[],this.noiseZ=0,this.options={draw:!1,size:20,increment:.004,columns:0,rows:0,width:0,height:0}}generate(e){const o=e.getPosition(),{size:i}=this.options,s=Math.max(Math.floor(o.x/i),0),n=Math.max(Math.floor(o.y/i),0),{field:r}=this;return r&&r[s]&&r[s][n]?r[s][n].copy():t.Vector.origin}init(t){this.container=t,this._setup(t)}reset(){}update(){this.container&&(this._calculateField(),this.noiseZ+=this.options.increment,this.options.draw&&this.container.canvas.draw((t=>this._drawField(t))))}}const p="perlinNoise";async function f(t,e=!0){await t.addPathGenerator(p,new c,e)}})(),s})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/perlin-noise"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/perlin-noise"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/perlin-noise")):t(e.window,e.window);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(this,((e,t)=>(()=>{"use strict";var i={533:t=>{t.exports=e},551:e=>{e.exports=t}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return i[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{loadPerlinNoisePath:()=>a,perlinNoisePathName:()=>r});var e=s(533),t=s(551);const i={draw:!1,size:20,increment:.004,columns:0,rows:0,width:0,height:0,factor:{angle:.02,length:.01},offset:{x:4e4,y:4e4}};class o{constructor(){this._calculateField=()=>{const{field:e,noiseGen:t,options:i}=this,o=i.factor.length,s=i.factor.angle;for(let n=0;n<i.columns;n++){const r=e[n];for(let e=0;e<i.rows;e++){const a=r[e];a.length=t.noise3d(n*o+i.offset.x,e*o+i.offset.y,this.noiseZ),a.angle=t.noise3d(n*s,e*s,this.noiseZ)*Math.PI*2}}},this._drawField=e=>{const{field:t,options:i}=this;for(let o=0;o<i.columns;o++){const s=t[o];for(let t=0;t<i.rows;t++){const i=s[t],{angle:n,length:r}=i;e.setTransform(1,0,0,1,o*this.options.size,t*this.options.size),e.rotate(n),e.strokeStyle="white",e.beginPath(),e.moveTo(0,0),e.lineTo(0,this.options.size*r),e.stroke(),e.setTransform(1,0,0,1,0,0)}}},this._initField=()=>{const{columns:t,rows:i}=this.options;this.field=new Array(t);for(let o=0;o<t;o++){this.field[o]=new Array(i);for(let t=0;t<i;t++)this.field[o][t]=e.Vector.origin}},this.noiseGen=new t.PerlinNoise,this.field=[],this.noiseZ=0,this.options=(0,e.deepExtend)({},i)}generate(t){const i=t.getPosition(),{size:o}=this.options,s=Math.max(Math.floor(i.x/o),0),n=Math.max(Math.floor(i.y/o),0),{field:r}=this;return r&&r[s]&&r[s][n]?r[s][n].copy():e.Vector.origin}init(e){this.container=e,this._setup()}reset(){}update(){this.container&&(this._calculateField(),this.noiseZ+=this.options.increment,this.options.draw&&this.container.canvas.draw((e=>this._drawField(e))))}_resetField(){const t=this.container;if(!t)return;const o=t.actualOptions.particles.move.path.options,{options:s}=this;s.size=o.size>0?o.size:i.size,s.increment=o.increment>0?o.increment:i.increment,s.draw=!!o.draw;const n=o.offset;s.offset.x=n?.x??i.offset.x,s.offset.y=n?.y??i.offset.y;const r=o.factor;s.factor.angle=r?.angle??i.factor.angle,s.factor.length=r?.length??i.factor.length,s.width=t.canvas.size.width,s.height=t.canvas.size.height,this.options.seed=o.seed,this.noiseGen.seed(this.options.seed??(0,e.getRandom)()),s.columns=Math.floor(this.options.width/this.options.size)+1,s.rows=Math.floor(this.options.height/this.options.size)+1,this._initField()}_setup(){this.noiseZ=0,this._resetField(),window.addEventListener("resize",(()=>this._resetField()))}}const r="perlinNoise";async function a(e,t=!0){await e.addPathGenerator(r,new o,t)}})(),n})()));

package/tsparticles.path.perlin.noise.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Perlin Noise Path v3.0.0-beta.3 by Matteo Bruni */
+/*! tsParticles Perlin Noise Path v3.0.0-beta.4 by Matteo Bruni */

package/types/IFactorOffsetValues.d.ts

@@ -0,0 +1,8 @@
+export interface IFactorValues {
+    angle: number;
+    length: number;
+}
+export interface IOffsetValues {
+    x: number;
+    y: number;
+}

package/types/IPerlinOptions.d.ts

@@ -1,9 +1,13 @@
+import type { IFactorValues, IOffsetValues } from "./IFactorOffsetValues.js";
 export interface IPerlinOptions {
     columns: number;
     draw: boolean;
+    factor: IFactorValues;
     height: number;
     increment: number;
+    offset: IOffsetValues;
     rows: number;
+    seed?: number;
     size: number;
     width: number;
 }

package/types/PerlinNoiseGenerator.d.ts

@@ -1,6 +1,6 @@
 import { type Container, type IMovePathGenerator, type Particle, Vector } from "@tsparticles/engine";
 import type { IPerlinOptions } from "./IPerlinOptions.js";
-import { PerlinNoise } from "./PerlinNoise.js";
+import { PerlinNoise } from "@tsparticles/perlin-noise";
 export declare class PerlinNoiseGenerator implements IMovePathGenerator {
     container?: Container;
     field: Vector[][];
@@ -15,6 +15,6 @@ export declare class PerlinNoiseGenerator implements IMovePathGenerator {
     private readonly _calculateField;
     private readonly _drawField;
     private readonly _initField;
-    private readonly _resetField;
-    private readonly _setup;
+    private _resetField;
+    private _setup;
 }

package/umd/{Grad.js → IFactorOffsetValues.js}

@@ -9,19 +9,4 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Grad = void 0;
-    class Grad {
-        constructor(x, y, z) {
-            this.x = x;
-            this.y = y;
-            this.z = z;
-        }
-        dot2(x, y) {
-            return this.x * x + this.y * y;
-        }
-        dot3(x, y, z) {
-            return this.dot2(x, y) + this.z * z;
-        }
-    }
-    exports.Grad = Grad;
 });

package/umd/PerlinNoiseGenerator.js

@@ -4,24 +4,41 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./PerlinNoise.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "@tsparticles/perlin-noise"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PerlinNoiseGenerator = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const PerlinNoise_js_1 = require("./PerlinNoise.js");
+    const perlin_noise_1 = require("@tsparticles/perlin-noise");
+    const defaultOptions = {
+        draw: false,
+        size: 20,
+        increment: 0.004,
+        columns: 0,
+        rows: 0,
+        width: 0,
+        height: 0,
+        factor: {
+            angle: 0.02,
+            length: 0.01,
+        },
+        offset: {
+            x: 40000,
+            y: 40000,
+        },
+    };
     class PerlinNoiseGenerator {
         constructor() {
             this._calculateField = () => {
-                const { field, noiseGen, options } = this;
+                const { field, noiseGen, options } = this, lengthFactor = options.factor.length, angleFactor = options.factor.angle;
                 for (let x = 0; x < options.columns; x++) {
                     const column = field[x];
                     for (let y = 0; y < options.rows; y++) {
                         const cell = column[y];
-                        cell.length = noiseGen.noise(x / 100 + 40000, y / 100 + 40000, this.noiseZ);
-                        cell.angle = noiseGen.noise(x / 50, y / 50, this.noiseZ) * Math.PI * 2;
+                        cell.length = noiseGen.noise3d(x * lengthFactor + options.offset.x, y * lengthFactor + options.offset.y, this.noiseZ);
+                        cell.angle = noiseGen.noise3d(x * angleFactor, y * angleFactor, this.noiseZ) * Math.PI * 2;
                     }
                 }
             };
@@ -52,35 +69,10 @@
                     }
                 }
             };
-            this._resetField = (container) => {
-                const sourceOptions = container.actualOptions.particles.move.path.options, { options } = this;
-                options.size = sourceOptions.size > 0 ? sourceOptions.size : 20;
-                options.increment = sourceOptions.increment > 0 ? sourceOptions.increment : 0.004;
-                options.draw = !!sourceOptions.draw;
-                options.width = container.canvas.size.width;
-                options.height = container.canvas.size.height;
-                this.noiseGen.seed(sourceOptions.seed ?? (0, engine_1.getRandom)());
-                options.columns = Math.floor(this.options.width / this.options.size) + 1;
-                options.rows = Math.floor(this.options.height / this.options.size) + 1;
-                this._initField();
-            };
-            this._setup = (container) => {
-                this.noiseZ = 0;
-                this._resetField(container);
-                window.addEventListener("resize", () => this._resetField(container));
-            };
-            this.noiseGen = new PerlinNoise_js_1.PerlinNoise();
+            this.noiseGen = new perlin_noise_1.PerlinNoise();
             this.field = [];
             this.noiseZ = 0;
-            this.options = {
-                draw: false,
-                size: 20,
-                increment: 0.004,
-                columns: 0,
-                rows: 0,
-                width: 0,
-                height: 0,
-            };
+            this.options = (0, engine_1.deepExtend)({}, defaultOptions);
         }
         generate(particle) {
             const pos = particle.getPosition(), { size } = this.options, point = {
@@ -91,7 +83,7 @@
         }
         init(container) {
             this.container = container;
-            this._setup(container);
+            this._setup();
         }
         reset() {
         }
@@ -105,6 +97,35 @@
                 this.container.canvas.draw((ctx) => this._drawField(ctx));
             }
         }
+        _resetField() {
+            const container = this.container;
+            if (!container) {
+                return;
+            }
+            const sourceOptions = container.actualOptions.particles.move.path.options, { options } = this;
+            options.size = sourceOptions.size > 0 ? sourceOptions.size : defaultOptions.size;
+            options.increment =
+                sourceOptions.increment > 0 ? sourceOptions.increment : defaultOptions.increment;
+            options.draw = !!sourceOptions.draw;
+            const offset = sourceOptions.offset;
+            options.offset.x = offset?.x ?? defaultOptions.offset.x;
+            options.offset.y = offset?.y ?? defaultOptions.offset.y;
+            const factor = sourceOptions.factor;
+            options.factor.angle = factor?.angle ?? defaultOptions.factor.angle;
+            options.factor.length = factor?.length ?? defaultOptions.factor.length;
+            options.width = container.canvas.size.width;
+            options.height = container.canvas.size.height;
+            this.options.seed = sourceOptions.seed;
+            this.noiseGen.seed(this.options.seed ?? (0, engine_1.getRandom)());
+            options.columns = Math.floor(this.options.width / this.options.size) + 1;
+            options.rows = Math.floor(this.options.height / this.options.size) + 1;
+            this._initField();
+        }
+        _setup() {
+            this.noiseZ = 0;
+            this._resetField();
+            window.addEventListener("resize", () => this._resetField());
+        }
     }
     exports.PerlinNoiseGenerator = PerlinNoiseGenerator;
 });

package/browser/Grad.js

@@ -1,13 +0,0 @@
-export class Grad {
-    constructor(x, y, z) {
-        this.x = x;
-        this.y = y;
-        this.z = z;
-    }
-    dot2(x, y) {
-        return this.x * x + this.y * y;
-    }
-    dot3(x, y, z) {
-        return this.dot2(x, y) + this.z * z;
-    }
-}

package/browser/PerlinNoise.js

@@ -1,63 +0,0 @@
-import { Grad } from "./Grad.js";
-const grad3 = [
-    new Grad(1, 1, 0),
-    new Grad(-1, 1, 0),
-    new Grad(1, -1, 0),
-    new Grad(-1, -1, 0),
-    new Grad(1, 0, 1),
-    new Grad(-1, 0, 1),
-    new Grad(1, 0, -1),
-    new Grad(-1, 0, -1),
-    new Grad(0, 1, 1),
-    new Grad(0, -1, 1),
-    new Grad(0, 1, -1),
-    new Grad(0, -1, -1),
-], p = [
-    151, 160, 137, 91, 90, 15, 131, 13, 201, 95, 96, 53, 194, 233, 7, 225, 140, 36, 103, 30, 69, 142, 8, 99, 37,
-    240, 21, 10, 23, 190, 6, 148, 247, 120, 234, 75, 0, 26, 197, 62, 94, 252, 219, 203, 117, 35, 11, 32, 57, 177,
-    33, 88, 237, 149, 56, 87, 174, 20, 125, 136, 171, 168, 68, 175, 74, 165, 71, 134, 139, 48, 27, 166, 77, 146,
-    158, 231, 83, 111, 229, 122, 60, 211, 133, 230, 220, 105, 92, 41, 55, 46, 245, 40, 244, 102, 143, 54, 65, 25,
-    63, 161, 1, 216, 80, 73, 209, 76, 132, 187, 208, 89, 18, 169, 200, 196, 135, 130, 116, 188, 159, 86, 164, 100,
-    109, 198, 173, 186, 3, 64, 52, 217, 226, 250, 124, 123, 5, 202, 38, 147, 118, 126, 255, 82, 85, 212, 207, 206,
-    59, 227, 47, 16, 58, 17, 182, 189, 28, 42, 223, 183, 170, 213, 119, 248, 152, 2, 44, 154, 163, 70, 221, 153,
-    101, 155, 167, 43, 172, 9, 129, 22, 39, 253, 19, 98, 108, 110, 79, 113, 224, 232, 178, 185, 112, 104, 218, 246,
-    97, 228, 251, 34, 242, 193, 238, 210, 144, 12, 191, 179, 162, 241, 81, 51, 145, 235, 249, 14, 239, 107, 49, 192,
-    214, 31, 181, 199, 106, 157, 184, 84, 204, 176, 115, 121, 50, 45, 127, 4, 150, 254, 138, 236, 205, 93, 222, 114,
-    67, 29, 24, 72, 243, 141, 128, 195, 78, 66, 215, 61, 156, 180,
-];
-const perm = new Array(512);
-const gradP = new Array(512);
-function fade(t) {
-    return t * t * t * (t * (t * 6 - 15) + 10);
-}
-function lerp(a, b, t) {
-    return (1 - t) * a + t * b;
-}
-export class PerlinNoise {
-    noise(x, y, z) {
-        let X = Math.floor(x), Y = Math.floor(y), Z = Math.floor(z);
-        x = x - X;
-        y = y - Y;
-        z = z - Z;
-        X = X & 255;
-        Y = Y & 255;
-        Z = Z & 255;
-        const n000 = gradP[X + perm[Y + perm[Z]]].dot3(x, y, z), n001 = gradP[X + perm[Y + perm[Z + 1]]].dot3(x, y, z - 1), n010 = gradP[X + perm[Y + 1 + perm[Z]]].dot3(x, y - 1, z), n011 = gradP[X + perm[Y + 1 + perm[Z + 1]]].dot3(x, y - 1, z - 1), n100 = gradP[X + 1 + perm[Y + perm[Z]]].dot3(x - 1, y, z), n101 = gradP[X + 1 + perm[Y + perm[Z + 1]]].dot3(x - 1, y, z - 1), n110 = gradP[X + 1 + perm[Y + 1 + perm[Z]]].dot3(x - 1, y - 1, z), n111 = gradP[X + 1 + perm[Y + 1 + perm[Z + 1]]].dot3(x - 1, y - 1, z - 1), u = fade(x), v = fade(y), w = fade(z);
-        return lerp(lerp(lerp(n000, n100, u), lerp(n001, n101, u), w), lerp(lerp(n010, n110, u), lerp(n011, n111, u), w), v);
-    }
-    seed(inputSeed) {
-        let seed = inputSeed;
-        if (seed > 0 && seed < 1) {
-            seed *= 65536;
-        }
-        seed = Math.floor(seed);
-        if (seed < 256) {
-            seed |= seed << 8;
-        }
-        for (let i = 0; i < 256; i++) {
-            const v = i & 1 ? p[i] ^ (seed & 255) : p[i] ^ ((seed >> 8) & 255);
-            perm[i] = perm[i + 256] = v;
-            gradP[i] = gradP[i + 256] = grad3[v % 12];
-        }
-    }
-}

package/cjs/Grad.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grad = void 0;
-class Grad {
-    constructor(x, y, z) {
-        this.x = x;
-        this.y = y;
-        this.z = z;
-    }
-    dot2(x, y) {
-        return this.x * x + this.y * y;
-    }
-    dot3(x, y, z) {
-        return this.dot2(x, y) + this.z * z;
-    }
-}
-exports.Grad = Grad;

package/cjs/PerlinNoise.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PerlinNoise = void 0;
-const Grad_js_1 = require("./Grad.js");
-const grad3 = [
-    new Grad_js_1.Grad(1, 1, 0),
-    new Grad_js_1.Grad(-1, 1, 0),
-    new Grad_js_1.Grad(1, -1, 0),
-    new Grad_js_1.Grad(-1, -1, 0),
-    new Grad_js_1.Grad(1, 0, 1),
-    new Grad_js_1.Grad(-1, 0, 1),
-    new Grad_js_1.Grad(1, 0, -1),
-    new Grad_js_1.Grad(-1, 0, -1),
-    new Grad_js_1.Grad(0, 1, 1),
-    new Grad_js_1.Grad(0, -1, 1),
-    new Grad_js_1.Grad(0, 1, -1),
-    new Grad_js_1.Grad(0, -1, -1),
-], p = [
-    151, 160, 137, 91, 90, 15, 131, 13, 201, 95, 96, 53, 194, 233, 7, 225, 140, 36, 103, 30, 69, 142, 8, 99, 37,
-    240, 21, 10, 23, 190, 6, 148, 247, 120, 234, 75, 0, 26, 197, 62, 94, 252, 219, 203, 117, 35, 11, 32, 57, 177,
-    33, 88, 237, 149, 56, 87, 174, 20, 125, 136, 171, 168, 68, 175, 74, 165, 71, 134, 139, 48, 27, 166, 77, 146,
-    158, 231, 83, 111, 229, 122, 60, 211, 133, 230, 220, 105, 92, 41, 55, 46, 245, 40, 244, 102, 143, 54, 65, 25,
-    63, 161, 1, 216, 80, 73, 209, 76, 132, 187, 208, 89, 18, 169, 200, 196, 135, 130, 116, 188, 159, 86, 164, 100,
-    109, 198, 173, 186, 3, 64, 52, 217, 226, 250, 124, 123, 5, 202, 38, 147, 118, 126, 255, 82, 85, 212, 207, 206,
-    59, 227, 47, 16, 58, 17, 182, 189, 28, 42, 223, 183, 170, 213, 119, 248, 152, 2, 44, 154, 163, 70, 221, 153,
-    101, 155, 167, 43, 172, 9, 129, 22, 39, 253, 19, 98, 108, 110, 79, 113, 224, 232, 178, 185, 112, 104, 218, 246,
-    97, 228, 251, 34, 242, 193, 238, 210, 144, 12, 191, 179, 162, 241, 81, 51, 145, 235, 249, 14, 239, 107, 49, 192,
-    214, 31, 181, 199, 106, 157, 184, 84, 204, 176, 115, 121, 50, 45, 127, 4, 150, 254, 138, 236, 205, 93, 222, 114,
-    67, 29, 24, 72, 243, 141, 128, 195, 78, 66, 215, 61, 156, 180,
-];
-const perm = new Array(512);
-const gradP = new Array(512);
-function fade(t) {
-    return t * t * t * (t * (t * 6 - 15) + 10);
-}
-function lerp(a, b, t) {
-    return (1 - t) * a + t * b;
-}
-class PerlinNoise {
-    noise(x, y, z) {
-        let X = Math.floor(x), Y = Math.floor(y), Z = Math.floor(z);
-        x = x - X;
-        y = y - Y;
-        z = z - Z;
-        X = X & 255;
-        Y = Y & 255;
-        Z = Z & 255;
-        const n000 = gradP[X + perm[Y + perm[Z]]].dot3(x, y, z), n001 = gradP[X + perm[Y + perm[Z + 1]]].dot3(x, y, z - 1), n010 = gradP[X + perm[Y + 1 + perm[Z]]].dot3(x, y - 1, z), n011 = gradP[X + perm[Y + 1 + perm[Z + 1]]].dot3(x, y - 1, z - 1), n100 = gradP[X + 1 + perm[Y + perm[Z]]].dot3(x - 1, y, z), n101 = gradP[X + 1 + perm[Y + perm[Z + 1]]].dot3(x - 1, y, z - 1), n110 = gradP[X + 1 + perm[Y + 1 + perm[Z]]].dot3(x - 1, y - 1, z), n111 = gradP[X + 1 + perm[Y + 1 + perm[Z + 1]]].dot3(x - 1, y - 1, z - 1), u = fade(x), v = fade(y), w = fade(z);
-        return lerp(lerp(lerp(n000, n100, u), lerp(n001, n101, u), w), lerp(lerp(n010, n110, u), lerp(n011, n111, u), w), v);
-    }
-    seed(inputSeed) {
-        let seed = inputSeed;
-        if (seed > 0 && seed < 1) {
-            seed *= 65536;
-        }
-        seed = Math.floor(seed);
-        if (seed < 256) {
-            seed |= seed << 8;
-        }
-        for (let i = 0; i < 256; i++) {
-            const v = i & 1 ? p[i] ^ (seed & 255) : p[i] ^ ((seed >> 8) & 255);
-            perm[i] = perm[i + 256] = v;
-            gradP[i] = gradP[i + 256] = grad3[v % 12];
-        }
-    }
-}
-exports.PerlinNoise = PerlinNoise;

package/esm/Grad.js

@@ -1,13 +0,0 @@
-export class Grad {
-    constructor(x, y, z) {
-        this.x = x;
-        this.y = y;
-        this.z = z;
-    }
-    dot2(x, y) {
-        return this.x * x + this.y * y;
-    }
-    dot3(x, y, z) {
-        return this.dot2(x, y) + this.z * z;
-    }
-}