@tsparticles/shape-polygon 4.0.0-alpha.2 → 4.0.0-alpha.21

package/118.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_shape_polygon=this.webpackChunk_tsparticles_shape_polygon||[]).push([[118],{415(t,e,n){n.d(e,{L:()=>r});var a=n(303);class r{draw(t){let{particle:e,radius:n}=t;!function(t,e,n){let{context:r}=t,o=n.count.numerator*n.count.denominator,s=n.count.numerator/n.count.denominator,u=Math.PI-(0,a.degToRad)(180*(s-2)/s);r.beginPath(),r.translate(e.x,e.y),r.moveTo(0,0);for(let t=0;t<o;t++)r.lineTo(n.length,0),r.translate(n.length,0),r.rotate(u)}(t,this.getCenter(e,n),this.getSidesData(e,n))}getSidesCount(t){let e=t.shapeData;return Math.round((0,a.getRangeValue)(e?.sides??5))}}},118(t,e,n){n.d(e,{TriangleDrawer:()=>o});var a=n(303),r=n(415);class o extends r.L{getCenter(t,e){return{x:-e,y:e/1.66}}getSidesCount(){return 3}getSidesData(t,e){return{count:{denominator:2,numerator:3},length:e*a.double}}}}}]);

package/144.min.js

@@ -1,2 +1 @@
-/*! For license information please see 144.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_shape_polygon=this.webpackChunk_tsparticles_shape_polygon||[]).push([[144],{144(t,e,n){n.d(e,{TriangleDrawer:()=>r});var a=n(461);class r extends a.L{constructor(){super(...arguments),this.validTypes=["triangle"]}getCenter(t,e){return{x:-e,y:e/1.66}}getSidesCount(){return 3}getSidesData(t,e){return{count:{denominator:2,numerator:3},length:2*e}}}},461(t,e,n){n.d(e,{L:()=>s});var a=n(303);const r=0,o=0;class s{draw(t){const{particle:e,radius:n}=t;!function(t,e,n){const{context:s}=t,i=n.count.numerator*n.count.denominator,u=n.count.numerator/n.count.denominator,c=180*(u-2)/u,l=Math.PI-(0,a.degToRad)(c);s.beginPath(),s.translate(e.x,e.y),s.moveTo(r,o);for(let t=0;t<i;t++)s.lineTo(n.length,o),s.translate(n.length,o),s.rotate(l)}(t,this.getCenter(e,n),this.getSidesData(e,n))}getSidesCount(t){const e=t.shapeData;return Math.round((0,a.getRangeValue)(e?.sides??5))}}}}]);
+"use strict";(this.webpackChunk_tsparticles_shape_polygon=this.webpackChunk_tsparticles_shape_polygon||[]).push([[144],{144(t,e,n){n.d(e,{PolygonDrawer:()=>r});var a=n(415);class r extends a.L{getCenter(t,e){return{x:-e/(t.sides/3.5),y:-e/.76}}getSidesData(t,e){let n=t.sides;return{count:{denominator:1,numerator:n},length:2.66*e/(n/3)}}}},415(t,e,n){n.d(e,{L:()=>r});var a=n(303);class r{draw(t){let{particle:e,radius:n}=t;!function(t,e,n){let{context:r}=t,s=n.count.numerator*n.count.denominator,o=n.count.numerator/n.count.denominator,i=Math.PI-(0,a.degToRad)(180*(o-2)/o);r.beginPath(),r.translate(e.x,e.y),r.moveTo(0,0);for(let t=0;t<s;t++)r.lineTo(n.length,0),r.translate(n.length,0),r.rotate(i)}(t,this.getCenter(e,n),this.getSidesData(e,n))}getSidesCount(t){let e=t.shapeData;return Math.round((0,a.getRangeValue)(e?.sides??5))}}}}]);

package/browser/PolygonDrawer.js

@@ -1,10 +1,6 @@
 import { PolygonDrawerBase } from "./PolygonDrawerBase.js";
 const sidesCenterFactor = 3.5, yFactor = 2.66, sidesFactor = 3;
 export class PolygonDrawer extends PolygonDrawerBase {
-    constructor() {
-        super(...arguments);
-        this.validTypes = ["polygon"];
-    }
     getCenter(particle, radius) {
         return {
             x: -radius / (particle.sides / sidesCenterFactor),

package/browser/TriangleDrawer.js

@@ -1,10 +1,7 @@
+import { double } from "@tsparticles/engine";
 import { PolygonDrawerBase } from "./PolygonDrawerBase.js";
-const yFactor = 1.66, sides = 3, double = 2;
+const yFactor = 1.66, sides = 3;
 export class TriangleDrawer extends PolygonDrawerBase {
-    constructor() {
-        super(...arguments);
-        this.validTypes = ["triangle"];
-    }
     getCenter(_particle, radius) {
         return {
             x: -radius,

package/browser/index.js

@@ -1,21 +1,25 @@
-export function loadGenericPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { PolygonDrawer } = await import("./PolygonDrawer.js");
-        e.addShape(new PolygonDrawer());
+export async function loadGenericPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["polygon"], async () => {
+            const { PolygonDrawer } = await import("./PolygonDrawer.js");
+            return new PolygonDrawer();
+        });
     });
 }
-export function loadTriangleShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { TriangleDrawer } = await import("./TriangleDrawer.js");
-        e.addShape(new TriangleDrawer());
+export async function loadTriangleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["triangle"], async () => {
+            const { TriangleDrawer } = await import("./TriangleDrawer.js");
+            return new TriangleDrawer();
+        });
     });
 }
-export function loadPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        loadGenericPolygonShape(e);
-        loadTriangleShape(e);
-    });
+export async function loadPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await Promise.all([
+        loadGenericPolygonShape(engine),
+        loadTriangleShape(engine),
+    ]);
 }

package/cjs/PolygonDrawer.js

@@ -1,10 +1,6 @@
 import { PolygonDrawerBase } from "./PolygonDrawerBase.js";
 const sidesCenterFactor = 3.5, yFactor = 2.66, sidesFactor = 3;
 export class PolygonDrawer extends PolygonDrawerBase {
-    constructor() {
-        super(...arguments);
-        this.validTypes = ["polygon"];
-    }
     getCenter(particle, radius) {
         return {
             x: -radius / (particle.sides / sidesCenterFactor),

package/cjs/TriangleDrawer.js

@@ -1,10 +1,7 @@
+import { double } from "@tsparticles/engine";
 import { PolygonDrawerBase } from "./PolygonDrawerBase.js";
-const yFactor = 1.66, sides = 3, double = 2;
+const yFactor = 1.66, sides = 3;
 export class TriangleDrawer extends PolygonDrawerBase {
-    constructor() {
-        super(...arguments);
-        this.validTypes = ["triangle"];
-    }
     getCenter(_particle, radius) {
         return {
             x: -radius,

package/cjs/index.js

@@ -1,21 +1,25 @@
-export function loadGenericPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { PolygonDrawer } = await import("./PolygonDrawer.js");
-        e.addShape(new PolygonDrawer());
+export async function loadGenericPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["polygon"], async () => {
+            const { PolygonDrawer } = await import("./PolygonDrawer.js");
+            return new PolygonDrawer();
+        });
     });
 }
-export function loadTriangleShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { TriangleDrawer } = await import("./TriangleDrawer.js");
-        e.addShape(new TriangleDrawer());
+export async function loadTriangleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["triangle"], async () => {
+            const { TriangleDrawer } = await import("./TriangleDrawer.js");
+            return new TriangleDrawer();
+        });
     });
 }
-export function loadPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        loadGenericPolygonShape(e);
-        loadTriangleShape(e);
-    });
+export async function loadPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await Promise.all([
+        loadGenericPolygonShape(engine),
+        loadTriangleShape(engine),
+    ]);
 }

package/dist_browser_PolygonDrawer_js.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
- * v4.0.0-alpha.2
+ * v4.0.0-alpha.21
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \***************************************/
 (__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 */   PolygonDrawer: () => (/* binding */ PolygonDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"./dist/browser/PolygonDrawerBase.js\");\n\nconst sidesCenterFactor = 3.5,\n  yFactor = 2.66,\n  sidesFactor = 3;\nclass PolygonDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n  constructor() {\n    super(...arguments);\n    this.validTypes = [\"polygon\"];\n  }\n  getCenter(particle, radius) {\n    return {\n      x: -radius / (particle.sides / sidesCenterFactor),\n      y: -radius / (yFactor / sidesCenterFactor)\n    };\n  }\n  getSidesData(particle, radius) {\n    const sides = particle.sides;\n    return {\n      count: {\n        denominator: 1,\n        numerator: sides\n      },\n      length: radius * yFactor / (sides / sidesFactor)\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawer: () => (/* binding */ PolygonDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"./dist/browser/PolygonDrawerBase.js\");\n\nconst sidesCenterFactor = 3.5, yFactor = 2.66, sidesFactor = 3;\nclass PolygonDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n    getCenter(particle, radius) {\n        return {\n            x: -radius / (particle.sides / sidesCenterFactor),\n            y: -radius / (yFactor / sidesCenterFactor)\n        };\n    }\n    getSidesData(particle, radius) {\n        const sides = particle.sides;\n        return {\n            count: {\n                denominator: 1,\n                numerator: sides\n            },\n            length: radius * yFactor / (sides / sidesFactor)\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawer.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************************/
 (__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 */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n  draw(data) {\n    const {\n        particle,\n        radius\n      } = data,\n      start = this.getCenter(particle, radius),\n      side = this.getSidesData(particle, radius);\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, start, side);\n  }\n  getSidesCount(particle) {\n    const polygon = particle.shapeData;\n    return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawerBase.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n    draw(data) {\n        const { particle, radius } = data, start = this.getCenter(particle, radius), side = this.getSidesData(particle, radius);\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, start, side);\n    }\n    getSidesCount(particle) {\n        const polygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawerBase.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__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 */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst piDeg = 180,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n  const {\n      context\n    } = data,\n    sideCount = side.count.numerator * side.count.denominator,\n    decimalSides = side.count.numerator / side.count.denominator,\n    interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides,\n    interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n  context.beginPath();\n  context.translate(start.x, start.y);\n  context.moveTo(origin.x, origin.y);\n  for (let i = 0; i < sideCount; i++) {\n    context.lineTo(side.length, origin.y);\n    context.translate(side.length, origin.y);\n    context.rotate(interiorAngle);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst piDeg = 180, origin = {\n    x: 0,\n    y: 0\n}, sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n    const { context } = data, sideCount = side.count.numerator * side.count.denominator, decimalSides = side.count.numerator / side.count.denominator, interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides, interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n    context.beginPath();\n    context.translate(start.x, start.y);\n    context.moveTo(origin.x, origin.y);\n    for(let i = 0; i < sideCount; i++){\n        context.lineTo(side.length, origin.y);\n        context.translate(side.length, origin.y);\n        context.rotate(interiorAngle);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/dist_browser_TriangleDrawer_js.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
- * v4.0.0-alpha.2
+ * v4.0.0-alpha.21
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*******************************************/
 (__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 */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n  draw(data) {\n    const {\n        particle,\n        radius\n      } = data,\n      start = this.getCenter(particle, radius),\n      side = this.getSidesData(particle, radius);\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, start, side);\n  }\n  getSidesCount(particle) {\n    const polygon = particle.shapeData;\n    return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawerBase.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n    draw(data) {\n        const { particle, radius } = data, start = this.getCenter(particle, radius), side = this.getSidesData(particle, radius);\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, start, side);\n    }\n    getSidesCount(particle) {\n        const polygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawerBase.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \****************************************/
 (__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 */   TriangleDrawer: () => (/* binding */ TriangleDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"./dist/browser/PolygonDrawerBase.js\");\n\nconst yFactor = 1.66,\n  sides = 3,\n  double = 2;\nclass TriangleDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n  constructor() {\n    super(...arguments);\n    this.validTypes = [\"triangle\"];\n  }\n  getCenter(_particle, radius) {\n    return {\n      x: -radius,\n      y: radius / yFactor\n    };\n  }\n  getSidesCount() {\n    return sides;\n  }\n  getSidesData(_particle, radius) {\n    const diameter = radius * double;\n    return {\n      count: {\n        denominator: 2,\n        numerator: 3\n      },\n      length: diameter\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/TriangleDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TriangleDrawer: () => (/* binding */ TriangleDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"./dist/browser/PolygonDrawerBase.js\");\n\n\nconst yFactor = 1.66, sides = 3;\nclass TriangleDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_1__.PolygonDrawerBase {\n    getCenter(_particle, radius) {\n        return {\n            x: -radius,\n            y: radius / yFactor\n        };\n    }\n    getSidesCount() {\n        return sides;\n    }\n    getSidesData(_particle, radius) {\n        const diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n        return {\n            count: {\n                denominator: 2,\n                numerator: 3\n            },\n            length: diameter\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/TriangleDrawer.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__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 */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst piDeg = 180,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n  const {\n      context\n    } = data,\n    sideCount = side.count.numerator * side.count.denominator,\n    decimalSides = side.count.numerator / side.count.denominator,\n    interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides,\n    interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n  context.beginPath();\n  context.translate(start.x, start.y);\n  context.moveTo(origin.x, origin.y);\n  for (let i = 0; i < sideCount; i++) {\n    context.lineTo(side.length, origin.y);\n    context.translate(side.length, origin.y);\n    context.rotate(interiorAngle);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst piDeg = 180, origin = {\n    x: 0,\n    y: 0\n}, sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n    const { context } = data, sideCount = side.count.numerator * side.count.denominator, decimalSides = side.count.numerator / side.count.denominator, interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides, interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n    context.beginPath();\n    context.translate(start.x, start.y);\n    context.moveTo(origin.x, origin.y);\n    for(let i = 0; i < sideCount; i++){\n        context.lineTo(side.length, origin.y);\n        context.translate(side.length, origin.y);\n        context.rotate(interiorAngle);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/esm/PolygonDrawer.js

@@ -1,10 +1,6 @@
 import { PolygonDrawerBase } from "./PolygonDrawerBase.js";
 const sidesCenterFactor = 3.5, yFactor = 2.66, sidesFactor = 3;
 export class PolygonDrawer extends PolygonDrawerBase {
-    constructor() {
-        super(...arguments);
-        this.validTypes = ["polygon"];
-    }
     getCenter(particle, radius) {
         return {
             x: -radius / (particle.sides / sidesCenterFactor),

package/esm/TriangleDrawer.js

@@ -1,10 +1,7 @@
+import { double } from "@tsparticles/engine";
 import { PolygonDrawerBase } from "./PolygonDrawerBase.js";
-const yFactor = 1.66, sides = 3, double = 2;
+const yFactor = 1.66, sides = 3;
 export class TriangleDrawer extends PolygonDrawerBase {
-    constructor() {
-        super(...arguments);
-        this.validTypes = ["triangle"];
-    }
     getCenter(_particle, radius) {
         return {
             x: -radius,

package/esm/index.js

@@ -1,21 +1,25 @@
-export function loadGenericPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { PolygonDrawer } = await import("./PolygonDrawer.js");
-        e.addShape(new PolygonDrawer());
+export async function loadGenericPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["polygon"], async () => {
+            const { PolygonDrawer } = await import("./PolygonDrawer.js");
+            return new PolygonDrawer();
+        });
     });
 }
-export function loadTriangleShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { TriangleDrawer } = await import("./TriangleDrawer.js");
-        e.addShape(new TriangleDrawer());
+export async function loadTriangleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(e => {
+        e.addShape(["triangle"], async () => {
+            const { TriangleDrawer } = await import("./TriangleDrawer.js");
+            return new TriangleDrawer();
+        });
     });
 }
-export function loadPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        loadGenericPolygonShape(e);
-        loadTriangleShape(e);
-    });
+export async function loadPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await Promise.all([
+        loadGenericPolygonShape(engine),
+        loadTriangleShape(engine),
+    ]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-polygon",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.21",
   "description": "tsParticles polygon shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -59,7 +59,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.2"
+    "@tsparticles/engine": "4.0.0-alpha.21"
   },
   "publishConfig": {
     "access": "public"