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

package/browser/SimplexNoiseGenerator.js

@@ -1,58 +1,26 @@
-import { Vector, getRandom } from "@tsparticles/engine";
-import { makeNoise4D } from "./simplex.js";
+import { Vector, deepExtend, getRandom, } from "@tsparticles/engine";
+import { SimplexNoise } from "@tsparticles/simplex-noise";
+const defaultOptions = {
+    size: 20,
+    increment: 0.004,
+    columns: 0,
+    rows: 0,
+    layers: 0,
+    width: 0,
+    height: 0,
+    offset: {
+        x: 40000,
+        y: 40000,
+        z: 40000,
+    },
+};
 export class SimplexNoiseGenerator {
     constructor() {
-        this._calculateField = () => {
-            for (let x = 0; x < this.options.columns; x++) {
-                for (let y = 0; y < this.options.rows; y++) {
-                    for (let z = 0; z < this.options.layers; z++) {
-                        this.field[x][y][z][0] = this.noiseFunc(x / 50, y / 50, z / 50, this.noiseW) * Math.PI * 2;
-                        this.field[x][y][z][1] = this.noiseFunc(x / 100 + 40000, y / 100 + 40000, z / 100 + 40000, this.noiseW);
-                    }
-                }
-            }
-        };
-        this._initField = () => {
-            this.field = new Array(this.options.columns);
-            for (let x = 0; x < this.options.columns; x++) {
-                this.field[x] = new Array(this.options.rows);
-                for (let y = 0; y < this.options.rows; y++) {
-                    this.field[x][y] = new Array(this.options.layers);
-                    for (let z = 0; z < this.options.layers; z++) {
-                        this.field[x][y][z] = [0, 0];
-                    }
-                }
-            }
-        };
-        this._resetField = (container) => {
-            const sourceOptions = container.actualOptions.particles.move.path.options;
-            this.options.size = sourceOptions.size > 0 ? sourceOptions.size : 20;
-            this.options.increment = sourceOptions.increment > 0 ? sourceOptions.increment : 0.004;
-            this.options.width = container.canvas.size.width;
-            this.options.height = container.canvas.size.height;
-            this.noiseFunc = makeNoise4D(sourceOptions.seed ?? getRandom());
-            this.options.columns = Math.floor(this.options.width / this.options.size) + 1;
-            this.options.rows = Math.floor(this.options.height / this.options.size) + 1;
-            this.options.layers = Math.floor(container.zLayers / this.options.size) + 1;
-            this._initField();
-        };
-        this._setup = (container) => {
-            this.noiseW = 0;
-            this._resetField(container);
-            addEventListener("resize", () => this._resetField(container));
-        };
+        const simplex = new SimplexNoise();
+        this._simplex = simplex.noise4d;
         this.field = [];
-        this.noiseFunc = makeNoise4D(getRandom());
         this.noiseW = 0;
-        this.options = {
-            size: 20,
-            increment: 0.004,
-            columns: 0,
-            rows: 0,
-            layers: 0,
-            width: 0,
-            height: 0,
-        };
+        this.options = deepExtend({}, defaultOptions);
     }
     generate(particle) {
         const pos = particle.getPosition(), point = {
@@ -66,13 +34,14 @@ export class SimplexNoiseGenerator {
             !this.field[point.x][point.y][point.z]) {
             return v;
         }
-        v.length = this.field[point.x][point.y][point.z][1];
-        v.angle = this.field[point.x][point.y][point.z][0];
+        const cell = this.field[point.x][point.y][point.z];
+        v.length = cell[1];
+        v.angle = cell[0];
         return v;
     }
     init(container) {
         this.container = container;
-        this._setup(this.container);
+        this._setup();
     }
     reset() {
     }
@@ -83,4 +52,54 @@ export class SimplexNoiseGenerator {
         this._calculateField();
         this.noiseW += this.options.increment;
     }
+    _calculateField() {
+        const options = this.options;
+        for (let x = 0; x < options.columns; x++) {
+            for (let y = 0; y < options.rows; y++) {
+                for (let z = 0; z < options.layers; z++) {
+                    this.field[x][y][z][0] = this._simplex.noise(x / 50, y / 50, z / 50, this.noiseW) * Math.PI * 2;
+                    this.field[x][y][z][1] = this._simplex.noise(x / 100 + options.offset.x, y / 100 + options.offset.y, z / 100 + options.offset.z, this.noiseW);
+                }
+            }
+        }
+    }
+    _initField() {
+        this.field = new Array(this.options.columns);
+        for (let x = 0; x < this.options.columns; x++) {
+            this.field[x] = new Array(this.options.rows);
+            for (let y = 0; y < this.options.rows; y++) {
+                this.field[x][y] = new Array(this.options.layers);
+                for (let z = 0; z < this.options.layers; z++) {
+                    this.field[x][y][z] = [0, 0];
+                }
+            }
+        }
+    }
+    _resetField() {
+        const container = this.container;
+        if (!container) {
+            return;
+        }
+        const sourceOptions = container.actualOptions.particles.move.path.options;
+        this.options.size = sourceOptions.size > 0 ? sourceOptions.size : defaultOptions.size;
+        this.options.increment =
+            sourceOptions.increment > 0 ? sourceOptions.increment : defaultOptions.increment;
+        this.options.width = container.canvas.size.width;
+        this.options.height = container.canvas.size.height;
+        const offset = sourceOptions.offset;
+        this.options.offset.x = offset?.x ?? defaultOptions.offset.x;
+        this.options.offset.y = offset?.y ?? defaultOptions.offset.y;
+        this.options.offset.z = offset?.z ?? defaultOptions.offset.z;
+        this.options.seed = sourceOptions.seed ?? defaultOptions.seed;
+        this._simplex.seed(this.options.seed ?? getRandom());
+        this.options.columns = Math.floor(this.options.width / this.options.size) + 1;
+        this.options.rows = Math.floor(this.options.height / this.options.size) + 1;
+        this.options.layers = Math.floor(container.zLayers / this.options.size) + 1;
+        this._initField();
+    }
+    _setup() {
+        this.noiseW = 0;
+        this._resetField();
+        addEventListener("resize", () => this._resetField());
+    }
 }

package/cjs/SimplexNoiseGenerator.js

@@ -2,60 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SimplexNoiseGenerator = void 0;
 const engine_1 = require("@tsparticles/engine");
-const simplex_js_1 = require("./simplex.js");
+const simplex_noise_1 = require("@tsparticles/simplex-noise");
+const defaultOptions = {
+    size: 20,
+    increment: 0.004,
+    columns: 0,
+    rows: 0,
+    layers: 0,
+    width: 0,
+    height: 0,
+    offset: {
+        x: 40000,
+        y: 40000,
+        z: 40000,
+    },
+};
 class SimplexNoiseGenerator {
     constructor() {
-        this._calculateField = () => {
-            for (let x = 0; x < this.options.columns; x++) {
-                for (let y = 0; y < this.options.rows; y++) {
-                    for (let z = 0; z < this.options.layers; z++) {
-                        this.field[x][y][z][0] = this.noiseFunc(x / 50, y / 50, z / 50, this.noiseW) * Math.PI * 2;
-                        this.field[x][y][z][1] = this.noiseFunc(x / 100 + 40000, y / 100 + 40000, z / 100 + 40000, this.noiseW);
-                    }
-                }
-            }
-        };
-        this._initField = () => {
-            this.field = new Array(this.options.columns);
-            for (let x = 0; x < this.options.columns; x++) {
-                this.field[x] = new Array(this.options.rows);
-                for (let y = 0; y < this.options.rows; y++) {
-                    this.field[x][y] = new Array(this.options.layers);
-                    for (let z = 0; z < this.options.layers; z++) {
-                        this.field[x][y][z] = [0, 0];
-                    }
-                }
-            }
-        };
-        this._resetField = (container) => {
-            const sourceOptions = container.actualOptions.particles.move.path.options;
-            this.options.size = sourceOptions.size > 0 ? sourceOptions.size : 20;
-            this.options.increment = sourceOptions.increment > 0 ? sourceOptions.increment : 0.004;
-            this.options.width = container.canvas.size.width;
-            this.options.height = container.canvas.size.height;
-            this.noiseFunc = (0, simplex_js_1.makeNoise4D)(sourceOptions.seed ?? (0, engine_1.getRandom)());
-            this.options.columns = Math.floor(this.options.width / this.options.size) + 1;
-            this.options.rows = Math.floor(this.options.height / this.options.size) + 1;
-            this.options.layers = Math.floor(container.zLayers / this.options.size) + 1;
-            this._initField();
-        };
-        this._setup = (container) => {
-            this.noiseW = 0;
-            this._resetField(container);
-            addEventListener("resize", () => this._resetField(container));
-        };
+        const simplex = new simplex_noise_1.SimplexNoise();
+        this._simplex = simplex.noise4d;
         this.field = [];
-        this.noiseFunc = (0, simplex_js_1.makeNoise4D)((0, engine_1.getRandom)());
         this.noiseW = 0;
-        this.options = {
-            size: 20,
-            increment: 0.004,
-            columns: 0,
-            rows: 0,
-            layers: 0,
-            width: 0,
-            height: 0,
-        };
+        this.options = (0, engine_1.deepExtend)({}, defaultOptions);
     }
     generate(particle) {
         const pos = particle.getPosition(), point = {
@@ -69,13 +37,14 @@ class SimplexNoiseGenerator {
             !this.field[point.x][point.y][point.z]) {
             return v;
         }
-        v.length = this.field[point.x][point.y][point.z][1];
-        v.angle = this.field[point.x][point.y][point.z][0];
+        const cell = this.field[point.x][point.y][point.z];
+        v.length = cell[1];
+        v.angle = cell[0];
         return v;
     }
     init(container) {
         this.container = container;
-        this._setup(this.container);
+        this._setup();
     }
     reset() {
     }
@@ -86,5 +55,55 @@ class SimplexNoiseGenerator {
         this._calculateField();
         this.noiseW += this.options.increment;
     }
+    _calculateField() {
+        const options = this.options;
+        for (let x = 0; x < options.columns; x++) {
+            for (let y = 0; y < options.rows; y++) {
+                for (let z = 0; z < options.layers; z++) {
+                    this.field[x][y][z][0] = this._simplex.noise(x / 50, y / 50, z / 50, this.noiseW) * Math.PI * 2;
+                    this.field[x][y][z][1] = this._simplex.noise(x / 100 + options.offset.x, y / 100 + options.offset.y, z / 100 + options.offset.z, this.noiseW);
+                }
+            }
+        }
+    }
+    _initField() {
+        this.field = new Array(this.options.columns);
+        for (let x = 0; x < this.options.columns; x++) {
+            this.field[x] = new Array(this.options.rows);
+            for (let y = 0; y < this.options.rows; y++) {
+                this.field[x][y] = new Array(this.options.layers);
+                for (let z = 0; z < this.options.layers; z++) {
+                    this.field[x][y][z] = [0, 0];
+                }
+            }
+        }
+    }
+    _resetField() {
+        const container = this.container;
+        if (!container) {
+            return;
+        }
+        const sourceOptions = container.actualOptions.particles.move.path.options;
+        this.options.size = sourceOptions.size > 0 ? sourceOptions.size : defaultOptions.size;
+        this.options.increment =
+            sourceOptions.increment > 0 ? sourceOptions.increment : defaultOptions.increment;
+        this.options.width = container.canvas.size.width;
+        this.options.height = container.canvas.size.height;
+        const offset = sourceOptions.offset;
+        this.options.offset.x = offset?.x ?? defaultOptions.offset.x;
+        this.options.offset.y = offset?.y ?? defaultOptions.offset.y;
+        this.options.offset.z = offset?.z ?? defaultOptions.offset.z;
+        this.options.seed = sourceOptions.seed ?? defaultOptions.seed;
+        this._simplex.seed(this.options.seed ?? (0, engine_1.getRandom)());
+        this.options.columns = Math.floor(this.options.width / this.options.size) + 1;
+        this.options.rows = Math.floor(this.options.height / this.options.size) + 1;
+        this.options.layers = Math.floor(container.zLayers / this.options.size) + 1;
+        this._initField();
+    }
+    _setup() {
+        this.noiseW = 0;
+        this._resetField();
+        addEventListener("resize", () => this._resetField());
+    }
 }
 exports.SimplexNoiseGenerator = SimplexNoiseGenerator;

package/esm/SimplexNoiseGenerator.js

@@ -1,58 +1,26 @@
-import { Vector, getRandom } from "@tsparticles/engine";
-import { makeNoise4D } from "./simplex.js";
+import { Vector, deepExtend, getRandom, } from "@tsparticles/engine";
+import { SimplexNoise } from "@tsparticles/simplex-noise";
+const defaultOptions = {
+    size: 20,
+    increment: 0.004,
+    columns: 0,
+    rows: 0,
+    layers: 0,
+    width: 0,
+    height: 0,
+    offset: {
+        x: 40000,
+        y: 40000,
+        z: 40000,
+    },
+};
 export class SimplexNoiseGenerator {
     constructor() {
-        this._calculateField = () => {
-            for (let x = 0; x < this.options.columns; x++) {
-                for (let y = 0; y < this.options.rows; y++) {
-                    for (let z = 0; z < this.options.layers; z++) {
-                        this.field[x][y][z][0] = this.noiseFunc(x / 50, y / 50, z / 50, this.noiseW) * Math.PI * 2;
-                        this.field[x][y][z][1] = this.noiseFunc(x / 100 + 40000, y / 100 + 40000, z / 100 + 40000, this.noiseW);
-                    }
-                }
-            }
-        };
-        this._initField = () => {
-            this.field = new Array(this.options.columns);
-            for (let x = 0; x < this.options.columns; x++) {
-                this.field[x] = new Array(this.options.rows);
-                for (let y = 0; y < this.options.rows; y++) {
-                    this.field[x][y] = new Array(this.options.layers);
-                    for (let z = 0; z < this.options.layers; z++) {
-                        this.field[x][y][z] = [0, 0];
-                    }
-                }
-            }
-        };
-        this._resetField = (container) => {
-            const sourceOptions = container.actualOptions.particles.move.path.options;
-            this.options.size = sourceOptions.size > 0 ? sourceOptions.size : 20;
-            this.options.increment = sourceOptions.increment > 0 ? sourceOptions.increment : 0.004;
-            this.options.width = container.canvas.size.width;
-            this.options.height = container.canvas.size.height;
-            this.noiseFunc = makeNoise4D(sourceOptions.seed ?? getRandom());
-            this.options.columns = Math.floor(this.options.width / this.options.size) + 1;
-            this.options.rows = Math.floor(this.options.height / this.options.size) + 1;
-            this.options.layers = Math.floor(container.zLayers / this.options.size) + 1;
-            this._initField();
-        };
-        this._setup = (container) => {
-            this.noiseW = 0;
-            this._resetField(container);
-            addEventListener("resize", () => this._resetField(container));
-        };
+        const simplex = new SimplexNoise();
+        this._simplex = simplex.noise4d;
         this.field = [];
-        this.noiseFunc = makeNoise4D(getRandom());
         this.noiseW = 0;
-        this.options = {
-            size: 20,
-            increment: 0.004,
-            columns: 0,
-            rows: 0,
-            layers: 0,
-            width: 0,
-            height: 0,
-        };
+        this.options = deepExtend({}, defaultOptions);
     }
     generate(particle) {
         const pos = particle.getPosition(), point = {
@@ -66,13 +34,14 @@ export class SimplexNoiseGenerator {
             !this.field[point.x][point.y][point.z]) {
             return v;
         }
-        v.length = this.field[point.x][point.y][point.z][1];
-        v.angle = this.field[point.x][point.y][point.z][0];
+        const cell = this.field[point.x][point.y][point.z];
+        v.length = cell[1];
+        v.angle = cell[0];
         return v;
     }
     init(container) {
         this.container = container;
-        this._setup(this.container);
+        this._setup();
     }
     reset() {
     }
@@ -83,4 +52,54 @@ export class SimplexNoiseGenerator {
         this._calculateField();
         this.noiseW += this.options.increment;
     }
+    _calculateField() {
+        const options = this.options;
+        for (let x = 0; x < options.columns; x++) {
+            for (let y = 0; y < options.rows; y++) {
+                for (let z = 0; z < options.layers; z++) {
+                    this.field[x][y][z][0] = this._simplex.noise(x / 50, y / 50, z / 50, this.noiseW) * Math.PI * 2;
+                    this.field[x][y][z][1] = this._simplex.noise(x / 100 + options.offset.x, y / 100 + options.offset.y, z / 100 + options.offset.z, this.noiseW);
+                }
+            }
+        }
+    }
+    _initField() {
+        this.field = new Array(this.options.columns);
+        for (let x = 0; x < this.options.columns; x++) {
+            this.field[x] = new Array(this.options.rows);
+            for (let y = 0; y < this.options.rows; y++) {
+                this.field[x][y] = new Array(this.options.layers);
+                for (let z = 0; z < this.options.layers; z++) {
+                    this.field[x][y][z] = [0, 0];
+                }
+            }
+        }
+    }
+    _resetField() {
+        const container = this.container;
+        if (!container) {
+            return;
+        }
+        const sourceOptions = container.actualOptions.particles.move.path.options;
+        this.options.size = sourceOptions.size > 0 ? sourceOptions.size : defaultOptions.size;
+        this.options.increment =
+            sourceOptions.increment > 0 ? sourceOptions.increment : defaultOptions.increment;
+        this.options.width = container.canvas.size.width;
+        this.options.height = container.canvas.size.height;
+        const offset = sourceOptions.offset;
+        this.options.offset.x = offset?.x ?? defaultOptions.offset.x;
+        this.options.offset.y = offset?.y ?? defaultOptions.offset.y;
+        this.options.offset.z = offset?.z ?? defaultOptions.offset.z;
+        this.options.seed = sourceOptions.seed ?? defaultOptions.seed;
+        this._simplex.seed(this.options.seed ?? getRandom());
+        this.options.columns = Math.floor(this.options.width / this.options.size) + 1;
+        this.options.rows = Math.floor(this.options.height / this.options.size) + 1;
+        this.options.layers = Math.floor(container.zLayers / this.options.size) + 1;
+        this._initField();
+    }
+    _setup() {
+        this.noiseW = 0;
+        this._resetField();
+        addEventListener("resize", () => this._resetField());
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/path-simplex-noise",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.4",
   "description": "tsParticles simplex noise path",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -60,8 +60,8 @@
     "confettijs",
     "fireworksjs",
     "canvas-confetti",
-    "@tsparticles/plugin",
-    "@tsparticles/path"
+    "tsparticles-plugin",
+    "tsparticles-path"
   ],
   "publishConfig": {
     "access": "public"
@@ -104,6 +104,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-beta.3"
+    "@tsparticles/engine": "^3.0.0-beta.4",
+    "@tsparticles/simplex-noise": "^3.0.0-beta.4"
   }
 }