@tsparticles/path-perlin-noise 3.9.1 → 4.0.0-alpha.0

package/992.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 992.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_path_perlin_noise=this.webpackChunk_tsparticles_path_perlin_noise||[]).push([[992],{992(e,s,i){i.d(s,{PerlinNoiseGenerator:()=>t});var n=i(104),r=i(846);class t extends n.NoiseFieldGenerator{constructor(){const e=new r.PerlinNoise;super({noise4d:(s,i,n,r)=>e.noise4d(s,i,n,r),seed:s=>{e.seed(s)}})}}}}]);

package/992.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Perlin Noise Path v4.0.0-alpha.0 by Matteo Bruni */

package/browser/PerlinNoiseGenerator.js

@@ -1,126 +1,13 @@
-import { Vector, deepExtend, getRandom, } from "@tsparticles/engine";
+import { NoiseFieldGenerator } from "@tsparticles/noise-field";
 import { PerlinNoise } from "@tsparticles/perlin-noise";
-const double = 2, doublePI = Math.PI * double, defaultOptions = {
-    draw: false,
-    size: 20,
-    increment: 0.004,
-    columns: 0,
-    rows: 0,
-    layers: 0,
-    width: 0,
-    height: 0,
-    factor: {
-        angle: 0.02,
-        length: 0.01,
-    },
-    offset: {
-        x: 40000,
-        y: 40000,
-        z: 40000,
-    },
-};
-export class PerlinNoiseGenerator {
+export class PerlinNoiseGenerator extends NoiseFieldGenerator {
     constructor() {
-        this.noiseGen = new PerlinNoise();
-        this.field = [];
-        this.noiseW = 0;
-        this.options = deepExtend({}, defaultOptions);
-    }
-    generate(particle) {
-        const pos = particle.getPosition(), { size } = this.options, point = {
-            x: Math.max(Math.floor(pos.x / size), 0),
-            y: Math.max(Math.floor(pos.y / size), 0),
-            z: Math.max(Math.floor(pos.z / size), 0),
-        }, v = Vector.origin, { field } = this;
-        return field?.[point.x]?.[point.y]?.[point.z] ? field[point.x][point.y][point.z].copy() : v;
-    }
-    init(container) {
-        this.container = container;
-        this._setup();
-    }
-    reset() {
-    }
-    update() {
-        if (!this.container) {
-            return;
-        }
-        this._calculateField();
-        this.noiseW += this.options.increment;
-        if (this.options.draw) {
-            this.container.canvas.draw(ctx => this._drawField(ctx));
-        }
-    }
-    _calculateField() {
-        const { field, noiseGen, options, noiseW } = this, lengthFactor = options.factor.length, angleFactor = options.factor.angle;
-        for (let x = 0; x < options.columns; x++) {
-            for (let y = 0; y < options.rows; y++) {
-                for (let z = 0; z < options.layers; z++) {
-                    const cell = field[x][y][z];
-                    cell.length = noiseGen.noise4d(x * lengthFactor + options.offset.x, y * lengthFactor + options.offset.y, z * lengthFactor + options.offset.z, noiseW);
-                    cell.angle = noiseGen.noise4d(x * angleFactor, y * angleFactor, z * angleFactor, noiseW) * doublePI;
-                }
-            }
-        }
-    }
-    _drawField(ctx) {
-        const { field, options } = this;
-        for (let x = 0; x < options.columns; x++) {
-            const column = field[x];
-            for (let y = 0; y < options.rows; y++) {
-                const cell = column[y][0], { angle, length } = cell;
-                ctx.setTransform(1, 0, 0, 1, x * this.options.size, y * this.options.size);
-                ctx.rotate(angle);
-                ctx.strokeStyle = "white";
-                ctx.beginPath();
-                ctx.moveTo(0, 0);
-                ctx.lineTo(0, this.options.size * length);
-                ctx.stroke();
-                ctx.setTransform(1, 0, 0, 1, 0, 0);
-            }
-        }
-    }
-    _initField() {
-        const { columns, rows, layers } = this.options;
-        this.field = new Array(columns);
-        for (let x = 0; x < columns; x++) {
-            this.field[x] = new Array(rows);
-            for (let y = 0; y < rows; y++) {
-                this.field[x][y] = new Array(layers);
-                for (let z = 0; z < layers; z++) {
-                    this.field[x][y][z] = Vector.origin;
-                }
-            }
-        }
-    }
-    _resetField() {
-        const container = this.container;
-        if (!container) {
-            return;
-        }
-        const sourceOptions = container.actualOptions.particles.move.path.options, { options } = this;
-        options.width = container.canvas.size.width;
-        options.height = container.canvas.size.height;
-        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;
-        options.offset.z = offset?.z ?? defaultOptions.offset.z;
-        const factor = sourceOptions.factor;
-        options.factor.angle = factor?.angle ?? defaultOptions.factor.angle;
-        options.factor.length = factor?.length ?? defaultOptions.factor.length;
-        options.seed = sourceOptions.seed;
-        this.noiseGen.seed(options.seed ?? getRandom());
-        options.columns = Math.floor(options.width / options.size) + 1;
-        options.rows = Math.floor(options.height / options.size) + 1;
-        options.layers = Math.floor(container.zLayers / options.size) + 1;
-        this._initField();
-    }
-    _setup() {
-        this.noiseW = 0;
-        this._resetField();
-        addEventListener("resize", () => this._resetField());
+        const perlinNoise = new PerlinNoise();
+        super({
+            noise4d: (x, y, z, w) => perlinNoise.noise4d(x, y, z, w),
+            seed: seed => {
+                perlinNoise.seed(seed);
+            },
+        });
     }
 }

package/browser/index.js

@@ -1,6 +1,8 @@
-import { PerlinNoiseGenerator } from "./PerlinNoiseGenerator.js";
 export const perlinNoisePathName = "perlinNoise";
-export async function loadPerlinNoisePath(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addPathGenerator(perlinNoisePathName, new PerlinNoiseGenerator(), refresh);
+export function loadPerlinNoisePath(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { PerlinNoiseGenerator } = await import("./PerlinNoiseGenerator.js");
+        e.addPathGenerator(perlinNoisePathName, new PerlinNoiseGenerator());
+    });
 }

package/cjs/PerlinNoiseGenerator.js

@@ -1,130 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PerlinNoiseGenerator = void 0;
-const engine_1 = require("@tsparticles/engine");
-const perlin_noise_1 = require("@tsparticles/perlin-noise");
-const double = 2, doublePI = Math.PI * double, defaultOptions = {
-    draw: false,
-    size: 20,
-    increment: 0.004,
-    columns: 0,
-    rows: 0,
-    layers: 0,
-    width: 0,
-    height: 0,
-    factor: {
-        angle: 0.02,
-        length: 0.01,
-    },
-    offset: {
-        x: 40000,
-        y: 40000,
-        z: 40000,
-    },
-};
-class PerlinNoiseGenerator {
+import { NoiseFieldGenerator } from "@tsparticles/noise-field";
+import { PerlinNoise } from "@tsparticles/perlin-noise";
+export class PerlinNoiseGenerator extends NoiseFieldGenerator {
     constructor() {
-        this.noiseGen = new perlin_noise_1.PerlinNoise();
-        this.field = [];
-        this.noiseW = 0;
-        this.options = (0, engine_1.deepExtend)({}, defaultOptions);
-    }
-    generate(particle) {
-        const pos = particle.getPosition(), { size } = this.options, point = {
-            x: Math.max(Math.floor(pos.x / size), 0),
-            y: Math.max(Math.floor(pos.y / size), 0),
-            z: Math.max(Math.floor(pos.z / size), 0),
-        }, v = engine_1.Vector.origin, { field } = this;
-        return field?.[point.x]?.[point.y]?.[point.z] ? field[point.x][point.y][point.z].copy() : v;
-    }
-    init(container) {
-        this.container = container;
-        this._setup();
-    }
-    reset() {
-    }
-    update() {
-        if (!this.container) {
-            return;
-        }
-        this._calculateField();
-        this.noiseW += this.options.increment;
-        if (this.options.draw) {
-            this.container.canvas.draw(ctx => this._drawField(ctx));
-        }
-    }
-    _calculateField() {
-        const { field, noiseGen, options, noiseW } = this, lengthFactor = options.factor.length, angleFactor = options.factor.angle;
-        for (let x = 0; x < options.columns; x++) {
-            for (let y = 0; y < options.rows; y++) {
-                for (let z = 0; z < options.layers; z++) {
-                    const cell = field[x][y][z];
-                    cell.length = noiseGen.noise4d(x * lengthFactor + options.offset.x, y * lengthFactor + options.offset.y, z * lengthFactor + options.offset.z, noiseW);
-                    cell.angle = noiseGen.noise4d(x * angleFactor, y * angleFactor, z * angleFactor, noiseW) * doublePI;
-                }
-            }
-        }
-    }
-    _drawField(ctx) {
-        const { field, options } = this;
-        for (let x = 0; x < options.columns; x++) {
-            const column = field[x];
-            for (let y = 0; y < options.rows; y++) {
-                const cell = column[y][0], { angle, length } = cell;
-                ctx.setTransform(1, 0, 0, 1, x * this.options.size, y * this.options.size);
-                ctx.rotate(angle);
-                ctx.strokeStyle = "white";
-                ctx.beginPath();
-                ctx.moveTo(0, 0);
-                ctx.lineTo(0, this.options.size * length);
-                ctx.stroke();
-                ctx.setTransform(1, 0, 0, 1, 0, 0);
-            }
-        }
-    }
-    _initField() {
-        const { columns, rows, layers } = this.options;
-        this.field = new Array(columns);
-        for (let x = 0; x < columns; x++) {
-            this.field[x] = new Array(rows);
-            for (let y = 0; y < rows; y++) {
-                this.field[x][y] = new Array(layers);
-                for (let z = 0; z < layers; z++) {
-                    this.field[x][y][z] = engine_1.Vector.origin;
-                }
-            }
-        }
-    }
-    _resetField() {
-        const container = this.container;
-        if (!container) {
-            return;
-        }
-        const sourceOptions = container.actualOptions.particles.move.path.options, { options } = this;
-        options.width = container.canvas.size.width;
-        options.height = container.canvas.size.height;
-        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;
-        options.offset.z = offset?.z ?? defaultOptions.offset.z;
-        const factor = sourceOptions.factor;
-        options.factor.angle = factor?.angle ?? defaultOptions.factor.angle;
-        options.factor.length = factor?.length ?? defaultOptions.factor.length;
-        options.seed = sourceOptions.seed;
-        this.noiseGen.seed(options.seed ?? (0, engine_1.getRandom)());
-        options.columns = Math.floor(options.width / options.size) + 1;
-        options.rows = Math.floor(options.height / options.size) + 1;
-        options.layers = Math.floor(container.zLayers / options.size) + 1;
-        this._initField();
-    }
-    _setup() {
-        this.noiseW = 0;
-        this._resetField();
-        addEventListener("resize", () => this._resetField());
+        const perlinNoise = new PerlinNoise();
+        super({
+            noise4d: (x, y, z, w) => perlinNoise.noise4d(x, y, z, w),
+            seed: seed => {
+                perlinNoise.seed(seed);
+            },
+        });
     }
 }
-exports.PerlinNoiseGenerator = PerlinNoiseGenerator;

package/cjs/index.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.perlinNoisePathName = void 0;
-exports.loadPerlinNoisePath = loadPerlinNoisePath;
-const PerlinNoiseGenerator_js_1 = require("./PerlinNoiseGenerator.js");
-exports.perlinNoisePathName = "perlinNoise";
-async function loadPerlinNoisePath(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addPathGenerator(exports.perlinNoisePathName, new PerlinNoiseGenerator_js_1.PerlinNoiseGenerator(), refresh);
+export const perlinNoisePathName = "perlinNoise";
+export function loadPerlinNoisePath(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { PerlinNoiseGenerator } = await import("./PerlinNoiseGenerator.js");
+        e.addPathGenerator(perlinNoisePathName, new PerlinNoiseGenerator());
+    });
 }

package/dist_browser_PerlinNoiseGenerator_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_path_perlin_noise"] = this["webpackChunk_tsparticles_path_perlin_noise"] || []).push([["dist_browser_PerlinNoiseGenerator_js"],{
+
+/***/ "./dist/browser/PerlinNoiseGenerator.js"
+/*!**********************************************!*\
+  !*** ./dist/browser/PerlinNoiseGenerator.js ***!
+  \**********************************************/
+(__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 */   PerlinNoiseGenerator: () => (/* binding */ PerlinNoiseGenerator)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_noise_field__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/noise-field */ \"@tsparticles/noise-field\");\n/* harmony import */ var _tsparticles_perlin_noise__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/perlin-noise */ \"@tsparticles/perlin-noise\");\n\n\nclass PerlinNoiseGenerator extends _tsparticles_noise_field__WEBPACK_IMPORTED_MODULE_0__.NoiseFieldGenerator {\n  constructor() {\n    const perlinNoise = new _tsparticles_perlin_noise__WEBPACK_IMPORTED_MODULE_1__.PerlinNoise();\n    super({\n      noise4d: (x, y, z, w) => perlinNoise.noise4d(x, y, z, w),\n      seed: seed => {\n        perlinNoise.seed(seed);\n      }\n    });\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/path-perlin-noise/./dist/browser/PerlinNoiseGenerator.js?\n}");
+
+/***/ }
+
+}]);

package/esm/PerlinNoiseGenerator.js

@@ -1,126 +1,13 @@
-import { Vector, deepExtend, getRandom, } from "@tsparticles/engine";
+import { NoiseFieldGenerator } from "@tsparticles/noise-field";
 import { PerlinNoise } from "@tsparticles/perlin-noise";
-const double = 2, doublePI = Math.PI * double, defaultOptions = {
-    draw: false,
-    size: 20,
-    increment: 0.004,
-    columns: 0,
-    rows: 0,
-    layers: 0,
-    width: 0,
-    height: 0,
-    factor: {
-        angle: 0.02,
-        length: 0.01,
-    },
-    offset: {
-        x: 40000,
-        y: 40000,
-        z: 40000,
-    },
-};
-export class PerlinNoiseGenerator {
+export class PerlinNoiseGenerator extends NoiseFieldGenerator {
     constructor() {
-        this.noiseGen = new PerlinNoise();
-        this.field = [];
-        this.noiseW = 0;
-        this.options = deepExtend({}, defaultOptions);
-    }
-    generate(particle) {
-        const pos = particle.getPosition(), { size } = this.options, point = {
-            x: Math.max(Math.floor(pos.x / size), 0),
-            y: Math.max(Math.floor(pos.y / size), 0),
-            z: Math.max(Math.floor(pos.z / size), 0),
-        }, v = Vector.origin, { field } = this;
-        return field?.[point.x]?.[point.y]?.[point.z] ? field[point.x][point.y][point.z].copy() : v;
-    }
-    init(container) {
-        this.container = container;
-        this._setup();
-    }
-    reset() {
-    }
-    update() {
-        if (!this.container) {
-            return;
-        }
-        this._calculateField();
-        this.noiseW += this.options.increment;
-        if (this.options.draw) {
-            this.container.canvas.draw(ctx => this._drawField(ctx));
-        }
-    }
-    _calculateField() {
-        const { field, noiseGen, options, noiseW } = this, lengthFactor = options.factor.length, angleFactor = options.factor.angle;
-        for (let x = 0; x < options.columns; x++) {
-            for (let y = 0; y < options.rows; y++) {
-                for (let z = 0; z < options.layers; z++) {
-                    const cell = field[x][y][z];
-                    cell.length = noiseGen.noise4d(x * lengthFactor + options.offset.x, y * lengthFactor + options.offset.y, z * lengthFactor + options.offset.z, noiseW);
-                    cell.angle = noiseGen.noise4d(x * angleFactor, y * angleFactor, z * angleFactor, noiseW) * doublePI;
-                }
-            }
-        }
-    }
-    _drawField(ctx) {
-        const { field, options } = this;
-        for (let x = 0; x < options.columns; x++) {
-            const column = field[x];
-            for (let y = 0; y < options.rows; y++) {
-                const cell = column[y][0], { angle, length } = cell;
-                ctx.setTransform(1, 0, 0, 1, x * this.options.size, y * this.options.size);
-                ctx.rotate(angle);
-                ctx.strokeStyle = "white";
-                ctx.beginPath();
-                ctx.moveTo(0, 0);
-                ctx.lineTo(0, this.options.size * length);
-                ctx.stroke();
-                ctx.setTransform(1, 0, 0, 1, 0, 0);
-            }
-        }
-    }
-    _initField() {
-        const { columns, rows, layers } = this.options;
-        this.field = new Array(columns);
-        for (let x = 0; x < columns; x++) {
-            this.field[x] = new Array(rows);
-            for (let y = 0; y < rows; y++) {
-                this.field[x][y] = new Array(layers);
-                for (let z = 0; z < layers; z++) {
-                    this.field[x][y][z] = Vector.origin;
-                }
-            }
-        }
-    }
-    _resetField() {
-        const container = this.container;
-        if (!container) {
-            return;
-        }
-        const sourceOptions = container.actualOptions.particles.move.path.options, { options } = this;
-        options.width = container.canvas.size.width;
-        options.height = container.canvas.size.height;
-        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;
-        options.offset.z = offset?.z ?? defaultOptions.offset.z;
-        const factor = sourceOptions.factor;
-        options.factor.angle = factor?.angle ?? defaultOptions.factor.angle;
-        options.factor.length = factor?.length ?? defaultOptions.factor.length;
-        options.seed = sourceOptions.seed;
-        this.noiseGen.seed(options.seed ?? getRandom());
-        options.columns = Math.floor(options.width / options.size) + 1;
-        options.rows = Math.floor(options.height / options.size) + 1;
-        options.layers = Math.floor(container.zLayers / options.size) + 1;
-        this._initField();
-    }
-    _setup() {
-        this.noiseW = 0;
-        this._resetField();
-        addEventListener("resize", () => this._resetField());
+        const perlinNoise = new PerlinNoise();
+        super({
+            noise4d: (x, y, z, w) => perlinNoise.noise4d(x, y, z, w),
+            seed: seed => {
+                perlinNoise.seed(seed);
+            },
+        });
     }
 }

package/esm/index.js

@@ -1,6 +1,8 @@
-import { PerlinNoiseGenerator } from "./PerlinNoiseGenerator.js";
 export const perlinNoisePathName = "perlinNoise";
-export async function loadPerlinNoisePath(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addPathGenerator(perlinNoisePathName, new PerlinNoiseGenerator(), refresh);
+export function loadPerlinNoisePath(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { PerlinNoiseGenerator } = await import("./PerlinNoiseGenerator.js");
+        e.addPathGenerator(perlinNoisePathName, new PerlinNoiseGenerator());
+    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/path-perlin-noise",
-  "version": "3.9.1",
+  "version": "4.0.0-alpha.0",
   "description": "tsParticles perlin noise path",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -104,7 +104,9 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.1",
-    "@tsparticles/perlin-noise": "3.9.1"
-  }
+    "@tsparticles/engine": "4.0.0-alpha.0",
+    "@tsparticles/noise-field": "4.0.0-alpha.0",
+    "@tsparticles/perlin-noise": "4.0.0-alpha.0"
+  },
+  "type": "module"
 }