@tsparticles/plugin-emitters-shape-path 4.0.0-alpha.2 → 4.0.0-alpha.20

package/795.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters_shape_path=this.webpackChunk_tsparticles_plugin_emitters_shape_path||[]).push([[795],{795(t,e,i){i.d(e,{EmittersPathShapeGenerator:()=>s});var n=i(303),o=i(526);class h extends o.EmitterShapeBase{checkContext;path;points;constructor(t,e,i,o,h){super(e,i,o,h);const a=(0,n.safeDocument)().createElement("canvas").getContext("2d",t.canvas.settings);if(!a)throw Error("No 2d context available");this.checkContext=a,this.points=h.points;const s=this.points,r=new Path2D,l={x:e.x-i.width*n.half,y:e.y-i.height*n.half};for(const[t,e]of s.entries()){const o={x:l.x+e.x*i.width/n.percentDenominator,y:l.y+e.y*i.height/n.percentDenominator};t?r.lineTo(o.x,o.y):r.moveTo(o.x,o.y)}const p=s[0];if(!p)throw Error("No path data available");const c={x:l.x+p.x*i.width/n.percentDenominator,y:l.y+p.y*i.height/n.percentDenominator};r.lineTo(c.x,c.y),this.path=r}async init(){}randomPosition(){let t=this.checkContext,e=this.position,i=this.size,o=this.fill,h=this.path,a=o?function(t,e,i,o){let h=null;for(let a=0;a<100;a++){let a={x:i.x+(0,n.getRandom)()*o.width-o.width*n.half,y:i.y+(0,n.getRandom)()*o.height-o.height*n.half};if(t.isPointInPath(e,a.x,a.y)){h=a;break}}return h}(t,h,e,i):function(t,e,i,o){let h=null;for(let a=0;a<100;a++){let a={x:i.x+(0,n.getRandom)()*o.width-o.width*n.half,y:i.y+(0,n.getRandom)()*o.height-o.height*n.half};if(t.isPointInStroke(e,a.x,a.y)){h=a;break}}return h}(t,h,e,i);return a?{position:a}:null}resize(t,e){super.resize(t,e);let i=this.points,o=new Path2D,h={x:t.x-e.width*n.half,y:t.y-e.height*n.half};for(let[t,a]of i.entries()){let i={x:h.x+a.x*e.width/n.percentDenominator,y:h.y+a.y*e.height/n.percentDenominator};t?o.lineTo(i.x,i.y):o.moveTo(i.x,i.y)}let a=i[0];if(!a)throw Error("No path data available");let s={x:h.x+a.x*e.width/n.percentDenominator,y:h.y+a.y*e.height/n.percentDenominator};o.lineTo(s.x,s.y),this.path=o}}class a{points;constructor(){this.points=[]}load(t){(0,n.isNull)(t)||void 0!==t.points&&(this.points=t.points.map(t=>({x:t.x??50,y:t.y??50})))}}class s{generate(t,e,i,n,o){let s=new a;return s.load(o),new h(t,e,i,n,s)}}}}]);

package/browser/EmittersPathShape.js

@@ -1,11 +1,13 @@
+import { half, percentDenominator, safeDocument, } from "@tsparticles/engine";
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { percentDenominator, safeDocument } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
-const half = 0.5;
 export class EmittersPathShape extends EmitterShapeBase {
-    constructor(position, size, fill, options) {
+    checkContext;
+    path;
+    points;
+    constructor(container, position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = safeDocument().createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d", container.canvas.settings);
         if (!ctx) {
             throw new Error(`No 2d context available`);
         }

package/browser/EmittersPathShapeGenerator.js

@@ -1,9 +1,9 @@
 import { EmittersPathShape } from "./EmittersPathShape.js";
 import { EmittersPathShapeOptions } from "./Options/Classes/EmittersPathShapeOptions.js";
 export class EmittersPathShapeGenerator {
-    generate(position, size, fill, options) {
+    generate(container, position, size, fill, options) {
         const shapeOptions = new EmittersPathShapeOptions();
         shapeOptions.load(options);
-        return new EmittersPathShape(position, size, fill, shapeOptions);
+        return new EmittersPathShape(container, position, size, fill, shapeOptions);
     }
 }

package/browser/Options/Classes/EmittersPathShapeOptions.js

@@ -1,6 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 const defaultPosition = { x: 50, y: 50 };
 export class EmittersPathShapeOptions {
+    points;
     constructor() {
         this.points = [];
     }

package/browser/index.js

@@ -1,7 +1,9 @@
-export function loadEmittersShapePath(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (emittersEngine) => {
+export async function loadEmittersShapePath(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
+        const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
+        ensureEmittersPluginLoaded(e);
         const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
-        emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
+        e.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     });
 }

package/browser/utils.js

@@ -1,5 +1,5 @@
-import { getRandom } from "@tsparticles/engine";
-const maxAttempts = 100, half = 0.5;
+import { getRandom, half } from "@tsparticles/engine";
+const maxAttempts = 100;
 export function generateRandomPointWithinPath(ctx, path, center, size) {
     let randomPoint = null;
     for (let attempts = 0; attempts < maxAttempts; attempts++) {

package/cjs/EmittersPathShape.js

@@ -1,11 +1,13 @@
+import { half, percentDenominator, safeDocument, } from "@tsparticles/engine";
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { percentDenominator, safeDocument } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
-const half = 0.5;
 export class EmittersPathShape extends EmitterShapeBase {
-    constructor(position, size, fill, options) {
+    checkContext;
+    path;
+    points;
+    constructor(container, position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = safeDocument().createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d", container.canvas.settings);
         if (!ctx) {
             throw new Error(`No 2d context available`);
         }

package/cjs/EmittersPathShapeGenerator.js

@@ -1,9 +1,9 @@
 import { EmittersPathShape } from "./EmittersPathShape.js";
 import { EmittersPathShapeOptions } from "./Options/Classes/EmittersPathShapeOptions.js";
 export class EmittersPathShapeGenerator {
-    generate(position, size, fill, options) {
+    generate(container, position, size, fill, options) {
         const shapeOptions = new EmittersPathShapeOptions();
         shapeOptions.load(options);
-        return new EmittersPathShape(position, size, fill, shapeOptions);
+        return new EmittersPathShape(container, position, size, fill, shapeOptions);
     }
 }

package/cjs/Options/Classes/EmittersPathShapeOptions.js

@@ -1,6 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 const defaultPosition = { x: 50, y: 50 };
 export class EmittersPathShapeOptions {
+    points;
     constructor() {
         this.points = [];
     }

package/cjs/index.js

@@ -1,7 +1,9 @@
-export function loadEmittersShapePath(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (emittersEngine) => {
+export async function loadEmittersShapePath(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
+        const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
+        ensureEmittersPluginLoaded(e);
         const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
-        emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
+        e.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     });
 }

package/cjs/utils.js

@@ -1,5 +1,5 @@
-import { getRandom } from "@tsparticles/engine";
-const maxAttempts = 100, half = 0.5;
+import { getRandom, half } from "@tsparticles/engine";
+const maxAttempts = 100;
 export function generateRandomPointWithinPath(ctx, path, center, size) {
     let randomPoint = null;
     for (let attempts = 0; attempts < maxAttempts; attempts++) {

package/dist_browser_EmittersPathShapeGenerator_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.20
  */
 "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 */   EmittersPathShape: () => (/* binding */ EmittersPathShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/plugin-emitters */ \"@tsparticles/plugin-emitters\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n\n\n\nconst half = 0.5;\nclass EmittersPathShape extends _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase {\n  constructor(position, size, fill, options) {\n    super(position, size, fill, options);\n    const ctx = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.safeDocument)().createElement(\"canvas\").getContext(\"2d\");\n    if (!ctx) {\n      throw new Error(`No 2d context available`);\n    }\n    this.checkContext = ctx;\n    this.points = options.points;\n    const pathData = this.points,\n      path = new Path2D(),\n      offset = {\n        x: position.x - size.width * half,\n        y: position.y - size.height * half\n      };\n    for (const [index, point] of pathData.entries()) {\n      const coords = {\n        x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n        y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n      };\n      if (!index) {\n        path.moveTo(coords.x, coords.y);\n      } else {\n        path.lineTo(coords.x, coords.y);\n      }\n    }\n    const firstIndex = 0,\n      firstPathData = pathData[firstIndex];\n    if (!firstPathData) {\n      throw new Error(`No path data available`);\n    }\n    const coords = {\n      x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n      y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n    };\n    path.lineTo(coords.x, coords.y);\n    this.path = path;\n  }\n  async init() {}\n  randomPosition() {\n    const ctx = this.checkContext,\n      position = this.position,\n      size = this.size,\n      fill = this.fill,\n      path = this.path,\n      res = fill ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointWithinPath)(ctx, path, position, size) : (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointOnPathPerimeter)(ctx, path, position, size);\n    return res ? {\n      position: res\n    } : null;\n  }\n  resize(position, size) {\n    super.resize(position, size);\n    const pathData = this.points,\n      path = new Path2D(),\n      offset = {\n        x: position.x - size.width * half,\n        y: position.y - size.height * half\n      };\n    for (const [index, point] of pathData.entries()) {\n      const coords = {\n        x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n        y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n      };\n      if (!index) {\n        path.moveTo(coords.x, coords.y);\n      } else {\n        path.lineTo(coords.x, coords.y);\n      }\n    }\n    const firstIndex = 0,\n      firstPathData = pathData[firstIndex];\n    if (!firstPathData) {\n      throw new Error(`No path data available`);\n    }\n    const coords = {\n      x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n      y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n    };\n    path.lineTo(coords.x, coords.y);\n    this.path = path;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShape.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShape: () => (/* binding */ EmittersPathShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-emitters */ \"@tsparticles/plugin-emitters\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n\n\n\nclass EmittersPathShape extends _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_1__.EmitterShapeBase {\n    checkContext;\n    path;\n    points;\n    constructor(container, position, size, fill, options){\n        super(position, size, fill, options);\n        const ctx = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\").getContext(\"2d\", container.canvas.settings);\n        if (!ctx) {\n            throw new Error(`No 2d context available`);\n        }\n        this.checkContext = ctx;\n        this.points = options.points;\n        const pathData = this.points, path = new Path2D(), offset = {\n            x: position.x - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n            y: position.y - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n        };\n        for (const [index, point] of pathData.entries()){\n            const coords = {\n                x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n                y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n            };\n            if (!index) {\n                path.moveTo(coords.x, coords.y);\n            } else {\n                path.lineTo(coords.x, coords.y);\n            }\n        }\n        const firstIndex = 0, firstPathData = pathData[firstIndex];\n        if (!firstPathData) {\n            throw new Error(`No path data available`);\n        }\n        const coords = {\n            x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n            y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n        };\n        path.lineTo(coords.x, coords.y);\n        this.path = path;\n    }\n    async init() {}\n    randomPosition() {\n        const ctx = this.checkContext, position = this.position, size = this.size, fill = this.fill, path = this.path, res = fill ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointWithinPath)(ctx, path, position, size) : (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointOnPathPerimeter)(ctx, path, position, size);\n        return res ? {\n            position: res\n        } : null;\n    }\n    resize(position, size) {\n        super.resize(position, size);\n        const pathData = this.points, path = new Path2D(), offset = {\n            x: position.x - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n            y: position.y - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n        };\n        for (const [index, point] of pathData.entries()){\n            const coords = {\n                x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n                y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n            };\n            if (!index) {\n                path.moveTo(coords.x, coords.y);\n            } else {\n                path.lineTo(coords.x, coords.y);\n            }\n        }\n        const firstIndex = 0, firstPathData = pathData[firstIndex];\n        if (!firstPathData) {\n            throw new Error(`No path data available`);\n        }\n        const coords = {\n            x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n            y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n        };\n        path.lineTo(coords.x, coords.y);\n        this.path = path;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShape.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 */   EmittersPathShapeGenerator: () => (/* binding */ EmittersPathShapeGenerator)\n/* harmony export */ });\n/* harmony import */ var _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmittersPathShape.js */ \"./dist/browser/EmittersPathShape.js\");\n/* harmony import */ var _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/EmittersPathShapeOptions.js */ \"./dist/browser/Options/Classes/EmittersPathShapeOptions.js\");\n\n\nclass EmittersPathShapeGenerator {\n  generate(position, size, fill, options) {\n    const shapeOptions = new _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__.EmittersPathShapeOptions();\n    shapeOptions.load(options);\n    return new _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__.EmittersPathShape(position, size, fill, shapeOptions);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShapeGenerator.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShapeGenerator: () => (/* binding */ EmittersPathShapeGenerator)\n/* harmony export */ });\n/* harmony import */ var _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmittersPathShape.js */ \"./dist/browser/EmittersPathShape.js\");\n/* harmony import */ var _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/EmittersPathShapeOptions.js */ \"./dist/browser/Options/Classes/EmittersPathShapeOptions.js\");\n\n\nclass EmittersPathShapeGenerator {\n    generate(container, position, size, fill, options) {\n        const shapeOptions = new _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__.EmittersPathShapeOptions();\n        shapeOptions.load(options);\n        return new _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__.EmittersPathShape(container, position, size, fill, shapeOptions);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShapeGenerator.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 */   EmittersPathShapeOptions: () => (/* binding */ EmittersPathShapeOptions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultPosition = {\n  x: 50,\n  y: 50\n};\nclass EmittersPathShapeOptions {\n  constructor() {\n    this.points = [];\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.points !== undefined) {\n      this.points = data.points.map(t => ({\n        x: t.x ?? defaultPosition.x,\n        y: t.y ?? defaultPosition.y\n      }));\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/Options/Classes/EmittersPathShapeOptions.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShapeOptions: () => (/* binding */ EmittersPathShapeOptions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultPosition = {\n    x: 50,\n    y: 50\n};\nclass EmittersPathShapeOptions {\n    points;\n    constructor(){\n        this.points = [];\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.points !== undefined) {\n            this.points = data.points.map((t)=>({\n                    x: t.x ?? defaultPosition.x,\n                    y: t.y ?? defaultPosition.y\n                }));\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/Options/Classes/EmittersPathShapeOptions.js?\n}");
 
 /***/ },
 
@@ -53,7 +53,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 */   generateRandomPointOnPathPerimeter: () => (/* binding */ generateRandomPointOnPathPerimeter),\n/* harmony export */   generateRandomPointWithinPath: () => (/* binding */ generateRandomPointWithinPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst maxAttempts = 100,\n  half = 0.5;\nfunction generateRandomPointWithinPath(ctx, path, center, size) {\n  let randomPoint = null;\n  for (let attempts = 0; attempts < maxAttempts; attempts++) {\n    const tmpPoint = {\n      x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * half,\n      y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * half\n    };\n    if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {\n      randomPoint = tmpPoint;\n      break;\n    }\n  }\n  return randomPoint;\n}\nfunction generateRandomPointOnPathPerimeter(ctx, path, center, size) {\n  let randomPoint = null;\n  for (let attempts = 0; attempts < maxAttempts; attempts++) {\n    const tmpPoint = {\n      x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * half,\n      y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * half\n    };\n    if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {\n      randomPoint = tmpPoint;\n      break;\n    }\n  }\n  return randomPoint;\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   generateRandomPointOnPathPerimeter: () => (/* binding */ generateRandomPointOnPathPerimeter),\n/* harmony export */   generateRandomPointWithinPath: () => (/* binding */ generateRandomPointWithinPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst maxAttempts = 100;\nfunction generateRandomPointWithinPath(ctx, path, center, size) {\n    let randomPoint = null;\n    for(let attempts = 0; attempts < maxAttempts; attempts++){\n        const tmpPoint = {\n            x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n            y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n        };\n        if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {\n            randomPoint = tmpPoint;\n            break;\n        }\n    }\n    return randomPoint;\n}\nfunction generateRandomPointOnPathPerimeter(ctx, path, center, size) {\n    let randomPoint = null;\n    for(let attempts = 0; attempts < maxAttempts; attempts++){\n        const tmpPoint = {\n            x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n            y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n        };\n        if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {\n            randomPoint = tmpPoint;\n            break;\n        }\n    }\n    return randomPoint;\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/utils.js?\n}");
 
 /***/ }
 

package/esm/EmittersPathShape.js

@@ -1,11 +1,13 @@
+import { half, percentDenominator, safeDocument, } from "@tsparticles/engine";
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { percentDenominator, safeDocument } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
-const half = 0.5;
 export class EmittersPathShape extends EmitterShapeBase {
-    constructor(position, size, fill, options) {
+    checkContext;
+    path;
+    points;
+    constructor(container, position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = safeDocument().createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d", container.canvas.settings);
         if (!ctx) {
             throw new Error(`No 2d context available`);
         }

package/esm/EmittersPathShapeGenerator.js

@@ -1,9 +1,9 @@
 import { EmittersPathShape } from "./EmittersPathShape.js";
 import { EmittersPathShapeOptions } from "./Options/Classes/EmittersPathShapeOptions.js";
 export class EmittersPathShapeGenerator {
-    generate(position, size, fill, options) {
+    generate(container, position, size, fill, options) {
         const shapeOptions = new EmittersPathShapeOptions();
         shapeOptions.load(options);
-        return new EmittersPathShape(position, size, fill, shapeOptions);
+        return new EmittersPathShape(container, position, size, fill, shapeOptions);
     }
 }

package/esm/Options/Classes/EmittersPathShapeOptions.js

@@ -1,6 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 const defaultPosition = { x: 50, y: 50 };
 export class EmittersPathShapeOptions {
+    points;
     constructor() {
         this.points = [];
     }

package/esm/index.js

@@ -1,7 +1,9 @@
-export function loadEmittersShapePath(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (emittersEngine) => {
+export async function loadEmittersShapePath(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(async (e) => {
+        const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
+        ensureEmittersPluginLoaded(e);
         const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
-        emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
+        e.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     });
 }

package/esm/utils.js

@@ -1,5 +1,5 @@
-import { getRandom } from "@tsparticles/engine";
-const maxAttempts = 100, half = 0.5;
+import { getRandom, half } from "@tsparticles/engine";
+const maxAttempts = 100;
 export function generateRandomPointWithinPath(ctx, path, center, size) {
     let randomPoint = null;
     for (let attempts = 0; attempts < maxAttempts; attempts++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-emitters-shape-path",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.20",
   "description": "tsParticles emitters shape path plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,8 +100,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.2",
-    "@tsparticles/plugin-emitters": "4.0.0-alpha.2"
+    "@tsparticles/engine": "4.0.0-alpha.20",
+    "@tsparticles/plugin-emitters": "4.0.0-alpha.20"
   },
   "publishConfig": {
     "access": "public"