@tsparticles/noise-field 4.0.0-beta.0 → 4.0.0-beta.10

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) path plugin for fractal noise movement.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,14 @@ import { loadFractalNoisePath } from "@tsparticles/fractal-noise";
   await loadFractalNoisePath(tsParticles);
 })();
 ```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadFractalNoisePath(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/NoiseFieldGenerator.js

@@ -1,4 +1,4 @@
-import { Vector, deepExtend, doublePI, getRandom } from "@tsparticles/engine";
+import { Vector, deepExtend, doublePI, getRandom, identity, } from "@tsparticles/engine";
 const originCoordinate = 0, firstIndex = 0, empty = 0, optionsSizeOffset = 1, transformDefaultValues = {
     a: 1,
     b: 0,
@@ -41,10 +41,10 @@ export class NoiseFieldGenerator {
         this.options = deepExtend({}, defaultOptions);
     }
     generate(particle) {
-        const pos = particle.getPosition(), { size } = this.options, point = {
-            x: Math.max(Math.floor(pos.x / size), originCoordinate),
-            y: Math.max(Math.floor(pos.y / size), originCoordinate),
-            z: Math.max(Math.floor(pos.z / size), originCoordinate),
+        const pos = particle.getPosition(), { size } = this.options, sizeFactor = identity / size, point = {
+            x: Math.max(Math.floor(pos.x * sizeFactor), originCoordinate),
+            y: Math.max(Math.floor(pos.y * sizeFactor), originCoordinate),
+            z: Math.max(Math.floor(pos.z * sizeFactor), originCoordinate),
         }, { field } = this, fieldPoint = field[point.x]?.[point.y]?.[point.z];
         if (fieldPoint) {
             this._res.x = fieldPoint.x;
@@ -67,7 +67,7 @@ export class NoiseFieldGenerator {
         if (!this.options.draw) {
             return;
         }
-        this.container.canvas.draw(ctx => {
+        this.container.canvas.render.draw(ctx => {
             this._drawField(ctx);
         });
     }

package/cjs/NoiseFieldGenerator.js

@@ -1,4 +1,4 @@
-import { Vector, deepExtend, doublePI, getRandom } from "@tsparticles/engine";
+import { Vector, deepExtend, doublePI, getRandom, identity, } from "@tsparticles/engine";
 const originCoordinate = 0, firstIndex = 0, empty = 0, optionsSizeOffset = 1, transformDefaultValues = {
     a: 1,
     b: 0,
@@ -41,10 +41,10 @@ export class NoiseFieldGenerator {
         this.options = deepExtend({}, defaultOptions);
     }
     generate(particle) {
-        const pos = particle.getPosition(), { size } = this.options, point = {
-            x: Math.max(Math.floor(pos.x / size), originCoordinate),
-            y: Math.max(Math.floor(pos.y / size), originCoordinate),
-            z: Math.max(Math.floor(pos.z / size), originCoordinate),
+        const pos = particle.getPosition(), { size } = this.options, sizeFactor = identity / size, point = {
+            x: Math.max(Math.floor(pos.x * sizeFactor), originCoordinate),
+            y: Math.max(Math.floor(pos.y * sizeFactor), originCoordinate),
+            z: Math.max(Math.floor(pos.z * sizeFactor), originCoordinate),
         }, { field } = this, fieldPoint = field[point.x]?.[point.y]?.[point.z];
         if (fieldPoint) {
             this._res.x = fieldPoint.x;
@@ -67,7 +67,7 @@ export class NoiseFieldGenerator {
         if (!this.options.draw) {
             return;
         }
-        this.container.canvas.draw(ctx => {
+        this.container.canvas.render.draw(ctx => {
             this._drawField(ctx);
         });
     }

package/esm/NoiseFieldGenerator.js

@@ -1,4 +1,4 @@
-import { Vector, deepExtend, doublePI, getRandom } from "@tsparticles/engine";
+import { Vector, deepExtend, doublePI, getRandom, identity, } from "@tsparticles/engine";
 const originCoordinate = 0, firstIndex = 0, empty = 0, optionsSizeOffset = 1, transformDefaultValues = {
     a: 1,
     b: 0,
@@ -41,10 +41,10 @@ export class NoiseFieldGenerator {
         this.options = deepExtend({}, defaultOptions);
     }
     generate(particle) {
-        const pos = particle.getPosition(), { size } = this.options, point = {
-            x: Math.max(Math.floor(pos.x / size), originCoordinate),
-            y: Math.max(Math.floor(pos.y / size), originCoordinate),
-            z: Math.max(Math.floor(pos.z / size), originCoordinate),
+        const pos = particle.getPosition(), { size } = this.options, sizeFactor = identity / size, point = {
+            x: Math.max(Math.floor(pos.x * sizeFactor), originCoordinate),
+            y: Math.max(Math.floor(pos.y * sizeFactor), originCoordinate),
+            z: Math.max(Math.floor(pos.z * sizeFactor), originCoordinate),
         }, { field } = this, fieldPoint = field[point.x]?.[point.y]?.[point.z];
         if (fieldPoint) {
             this._res.x = fieldPoint.x;
@@ -67,7 +67,7 @@ export class NoiseFieldGenerator {
         if (!this.options.draw) {
             return;
         }
-        this.container.canvas.draw(ctx => {
+        this.container.canvas.render.draw(ctx => {
             this._drawField(ctx);
         });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/noise-field",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles noise field library",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -91,9 +91,9 @@
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0",
-    "@tsparticles/plugin-move": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10",
+    "@tsparticles/plugin-move": "4.0.0-beta.10"
   },
   "exports": {
     ".": {
@@ -101,8 +101,7 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },