@tsparticles/path-polygon 3.0.0-alpha.1 → 3.0.0-beta.0

package/tsparticles.path.polygon.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
- * v3.0.0-alpha.1
+ * v3.0.0-beta.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,8 +91,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "loadPolygonPath": () => (/* binding */ loadPolygonPath),
-  "polygonPathName": () => (/* binding */ polygonPathName)
+  loadPolygonPath: () => (/* binding */ loadPolygonPath),
+  polygonPathName: () => (/* binding */ polygonPathName)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -101,6 +101,13 @@ var engine_root_window_ = __webpack_require__(533);
 
 class PolygonPathGenerator {
   constructor() {
+    this._createDirs = () => {
+      this.dirsList = [];
+      for (let i = 0; i < 360; i += 360 / this.options.sides) {
+        const angle = this.options.angle + i;
+        this.dirsList.push(engine_root_window_.Vector.create(Math.cos(angle * Math.PI / 180), Math.sin(angle * Math.PI / 180)));
+      }
+    };
     this.dirsList = [];
     this.options = {
       sides: 6,
@@ -109,30 +116,33 @@ class PolygonPathGenerator {
     };
   }
   generate(p) {
+    const {
+      sides
+    } = this.options;
     if (p.hexStep === undefined) {
       p.hexStep = 0;
     }
     if (p.hexDirection === undefined) {
-      p.hexDirection = this.options.sides === 6 ? ((0,engine_root_window_.getRandom)() * 3 | 0) * 2 : (0,engine_root_window_.getRandom)() * this.options.sides | 0;
+      p.hexDirection = sides === 6 ? ((0,engine_root_window_.getRandom)() * 3 | 0) * 2 : (0,engine_root_window_.getRandom)() * sides | 0;
     }
     if (p.hexSpeed === undefined) {
       p.hexSpeed = p.velocity.length;
     }
     if (p.hexStep % this.options.turnSteps === 0) {
-      p.hexDirection = (0,engine_root_window_.getRandom)() > 0.5 ? (p.hexDirection + 1) % this.options.sides : (p.hexDirection + this.options.sides - 1) % this.options.sides;
+      p.hexDirection = (0,engine_root_window_.getRandom)() > 0.5 ? (p.hexDirection + 1) % sides : (p.hexDirection + sides - 1) % sides;
     }
     p.velocity.x = 0;
     p.velocity.y = 0;
     p.hexStep++;
-    return engine_root_window_.Vector.create(this.dirsList[p.hexDirection].x * p.hexSpeed, this.dirsList[p.hexDirection].y * p.hexSpeed);
+    const direction = this.dirsList[p.hexDirection];
+    return engine_root_window_.Vector.create(direction.x * p.hexSpeed, direction.y * p.hexSpeed);
   }
   init(container) {
-    var _a;
     const options = container.actualOptions.particles.move.path.options;
     this.options.sides = options.sides > 0 ? options.sides : 6;
-    this.options.angle = (_a = options.angle) !== null && _a !== void 0 ? _a : 30;
+    this.options.angle = options.angle ?? 30;
     this.options.turnSteps = options.turnSteps >= 0 ? options.turnSteps : 20;
-    this.createDirs();
+    this._createDirs();
   }
   reset(particle) {
     delete particle.hexStep;
@@ -140,19 +150,12 @@ class PolygonPathGenerator {
     delete particle.hexSpeed;
   }
   update() {}
-  createDirs() {
-    this.dirsList = [];
-    for (let i = 0; i < 360; i += 360 / this.options.sides) {
-      const angle = this.options.angle + i;
-      this.dirsList.push(engine_root_window_.Vector.create(Math.cos(angle * Math.PI / 180), Math.sin(angle * Math.PI / 180)));
-    }
-  }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
 const polygonPathName = "polygonPathGenerator";
-function loadPolygonPath(engine) {
-  engine.addPathGenerator(polygonPathName, new PolygonPathGenerator());
+async function loadPolygonPath(engine, refresh = true) {
+  await engine.addPathGenerator(polygonPathName, new PolygonPathGenerator(), refresh);
 }
 })();
 

package/tsparticles.path.polygon.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.path.polygon.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},i={};function o(e){var s=i[e];if(void 0!==s)return s.exports;var r=i[e]={exports:{}};return t[e](r,r.exports,o),r.exports}o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{o.r(s),o.d(s,{loadPolygonPath:()=>r,polygonPathName:()=>i});var e=o(533);class t{constructor(){this.dirsList=[],this.options={sides:6,turnSteps:20,angle:30}}generate(t){return void 0===t.hexStep&&(t.hexStep=0),void 0===t.hexDirection&&(t.hexDirection=6===this.options.sides?2*(3*(0,e.getRandom)()|0):(0,e.getRandom)()*this.options.sides|0),void 0===t.hexSpeed&&(t.hexSpeed=t.velocity.length),t.hexStep%this.options.turnSteps==0&&(t.hexDirection=(0,e.getRandom)()>.5?(t.hexDirection+1)%this.options.sides:(t.hexDirection+this.options.sides-1)%this.options.sides),t.velocity.x=0,t.velocity.y=0,t.hexStep++,e.Vector.create(this.dirsList[t.hexDirection].x*t.hexSpeed,this.dirsList[t.hexDirection].y*t.hexSpeed)}init(e){var t;const i=e.actualOptions.particles.move.path.options;this.options.sides=i.sides>0?i.sides:6,this.options.angle=null!==(t=i.angle)&&void 0!==t?t:30,this.options.turnSteps=i.turnSteps>=0?i.turnSteps:20,this.createDirs()}reset(e){delete e.hexStep,delete e.hexDirection,delete e.hexSpeed}update(){}createDirs(){this.dirsList=[];for(let t=0;t<360;t+=360/this.options.sides){const i=this.options.angle+t;this.dirsList.push(e.Vector.create(Math.cos(i*Math.PI/180),Math.sin(i*Math.PI/180)))}}}const i="polygonPathGenerator";function r(e){e.addPathGenerator(i,new t)}})(),s})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function i(e){var s=o[e];if(void 0!==s)return s.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{i.r(s),i.d(s,{loadPolygonPath:()=>r,polygonPathName:()=>o});var e=i(533);class t{constructor(){this._createDirs=()=>{this.dirsList=[];for(let t=0;t<360;t+=360/this.options.sides){const o=this.options.angle+t;this.dirsList.push(e.Vector.create(Math.cos(o*Math.PI/180),Math.sin(o*Math.PI/180)))}},this.dirsList=[],this.options={sides:6,turnSteps:20,angle:30}}generate(t){const{sides:o}=this.options;void 0===t.hexStep&&(t.hexStep=0),void 0===t.hexDirection&&(t.hexDirection=6===o?2*(3*(0,e.getRandom)()|0):(0,e.getRandom)()*o|0),void 0===t.hexSpeed&&(t.hexSpeed=t.velocity.length),t.hexStep%this.options.turnSteps==0&&(t.hexDirection=(0,e.getRandom)()>.5?(t.hexDirection+1)%o:(t.hexDirection+o-1)%o),t.velocity.x=0,t.velocity.y=0,t.hexStep++;const i=this.dirsList[t.hexDirection];return e.Vector.create(i.x*t.hexSpeed,i.y*t.hexSpeed)}init(e){const t=e.actualOptions.particles.move.path.options;this.options.sides=t.sides>0?t.sides:6,this.options.angle=t.angle??30,this.options.turnSteps=t.turnSteps>=0?t.turnSteps:20,this._createDirs()}reset(e){delete e.hexStep,delete e.hexDirection,delete e.hexSpeed}update(){}}const o="polygonPathGenerator";async function r(e,i=!0){await e.addPathGenerator(o,new t,i)}})(),s})()));

package/tsparticles.path.polygon.min.js.LICENSE.txt

@@ -1,8 +1 @@
-/*!
- * 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
- * v3.0.0-alpha.1
- */
+/*! tsParticles Polygon Path v3.0.0-beta.0 by Matteo Bruni */

package/types/PolygonPathGenerator.d.ts

@@ -1,5 +1,4 @@
-import type { Container, ICoordinates, IMovePathGenerator } from "@tsparticles/engine";
-import { Vector } from "@tsparticles/engine";
+import { type Container, type ICoordinates, type IMovePathGenerator, Vector } from "@tsparticles/engine";
 import type { IPolygonPathOptions } from "./IPolygonPathOptions";
 import type { PolygonPathParticle } from "./PolygonPathParticle";
 export declare class PolygonPathGenerator implements IMovePathGenerator {
@@ -10,5 +9,5 @@ export declare class PolygonPathGenerator implements IMovePathGenerator {
     init(container: Container): void;
     reset(particle: PolygonPathParticle): void;
     update(): void;
-    private createDirs;
+    private readonly _createDirs;
 }

package/types/index.d.ts

@@ -1,3 +1,3 @@
 import type { Engine } from "@tsparticles/engine";
 export declare const polygonPathName = "polygonPathGenerator";
-export declare function loadPolygonPath(engine: Engine): void;
+export declare function loadPolygonPath(engine: Engine, refresh?: boolean): Promise<void>;

package/umd/PolygonPathGenerator.js

@@ -13,6 +13,13 @@
     const engine_1 = require("@tsparticles/engine");
     class PolygonPathGenerator {
         constructor() {
+            this._createDirs = () => {
+                this.dirsList = [];
+                for (let i = 0; i < 360; i += 360 / this.options.sides) {
+                    const angle = this.options.angle + i;
+                    this.dirsList.push(engine_1.Vector.create(Math.cos((angle * Math.PI) / 180), Math.sin((angle * Math.PI) / 180)));
+                }
+            };
             this.dirsList = [];
             this.options = {
                 sides: 6,
@@ -21,34 +28,31 @@
             };
         }
         generate(p) {
+            const { sides } = this.options;
             if (p.hexStep === undefined) {
                 p.hexStep = 0;
             }
             if (p.hexDirection === undefined) {
-                p.hexDirection =
-                    this.options.sides === 6 ? (((0, engine_1.getRandom)() * 3) | 0) * 2 : ((0, engine_1.getRandom)() * this.options.sides) | 0;
+                p.hexDirection = sides === 6 ? (((0, engine_1.getRandom)() * 3) | 0) * 2 : ((0, engine_1.getRandom)() * sides) | 0;
             }
             if (p.hexSpeed === undefined) {
                 p.hexSpeed = p.velocity.length;
             }
             if (p.hexStep % this.options.turnSteps === 0) {
-                p.hexDirection =
-                    (0, engine_1.getRandom)() > 0.5
-                        ? (p.hexDirection + 1) % this.options.sides
-                        : (p.hexDirection + this.options.sides - 1) % this.options.sides;
+                p.hexDirection = (0, engine_1.getRandom)() > 0.5 ? (p.hexDirection + 1) % sides : (p.hexDirection + sides - 1) % sides;
             }
             p.velocity.x = 0;
             p.velocity.y = 0;
             p.hexStep++;
-            return engine_1.Vector.create(this.dirsList[p.hexDirection].x * p.hexSpeed, this.dirsList[p.hexDirection].y * p.hexSpeed);
+            const direction = this.dirsList[p.hexDirection];
+            return engine_1.Vector.create(direction.x * p.hexSpeed, direction.y * p.hexSpeed);
         }
         init(container) {
-            var _a;
             const options = container.actualOptions.particles.move.path.options;
             this.options.sides = options.sides > 0 ? options.sides : 6;
-            this.options.angle = (_a = options.angle) !== null && _a !== void 0 ? _a : 30;
+            this.options.angle = options.angle ?? 30;
             this.options.turnSteps = options.turnSteps >= 0 ? options.turnSteps : 20;
-            this.createDirs();
+            this._createDirs();
         }
         reset(particle) {
             delete particle.hexStep;
@@ -57,13 +61,6 @@
         }
         update() {
         }
-        createDirs() {
-            this.dirsList = [];
-            for (let i = 0; i < 360; i += 360 / this.options.sides) {
-                const angle = this.options.angle + i;
-                this.dirsList.push(engine_1.Vector.create(Math.cos((angle * Math.PI) / 180), Math.sin((angle * Math.PI) / 180)));
-            }
-        }
     }
     exports.PolygonPathGenerator = PolygonPathGenerator;
 });

package/umd/index.js

@@ -12,8 +12,8 @@
     exports.loadPolygonPath = exports.polygonPathName = void 0;
     const PolygonPathGenerator_1 = require("./PolygonPathGenerator");
     exports.polygonPathName = "polygonPathGenerator";
-    function loadPolygonPath(engine) {
-        engine.addPathGenerator(exports.polygonPathName, new PolygonPathGenerator_1.PolygonPathGenerator());
+    async function loadPolygonPath(engine, refresh = true) {
+        await engine.addPathGenerator(exports.polygonPathName, new PolygonPathGenerator_1.PolygonPathGenerator(), refresh);
     }
     exports.loadPolygonPath = loadPolygonPath;
 });