@tsparticles/plugin-emitters-shape-path 3.0.3 → 3.2.0

package/235.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 235.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters_shape_path=this.webpackChunk_tsparticles_plugin_emitters_shape_path||[]).push([[235],{235:(t,e,n)=>{n.d(e,{EmittersPathShapeGenerator:()=>x});var i=n(68),o=n(533);const s=.5;const h=.5;class r extends i.EmitterShapeBase{constructor(t,e,n,i){super(t,e,n,i);const s=document.createElement("canvas").getContext("2d");if(!s)throw new Error(`${o.errorPrefix} No 2d context available`);this.checkContext=s,this.points=i.points;const r=this.points,a=new Path2D,c=t.x-e.width*h,p=t.y-e.height*h;for(const[t,n]of r.entries()){const i={x:c+n.x*e.width/o.percentDenominator,y:p+n.y*e.height/o.percentDenominator};t?a.lineTo(i.x,i.y):a.moveTo(i.x,i.y)}const x=r[0];if(x){const t={x:c+x.x*e.width/o.percentDenominator,y:p+x.y*e.height/o.percentDenominator};a.lineTo(t.x,t.y)}this.path=a}async init(){}async randomPosition(){const t=this.checkContext,e=this.position,n=this.size,i=this.fill,h=this.path,r=i?function(t,e,n,i){let h=null;for(let r=0;r<100;r++){const r={x:n.x+(0,o.getRandom)()*i.width-i.width*s,y:n.y+(0,o.getRandom)()*i.height-i.height*s};if(t.isPointInPath(e,r.x,r.y)){h=r;break}}return h}(t,h,e,n):function(t,e,n,i){let h=null;for(let r=0;r<100;r++){const r={x:n.x+(0,o.getRandom)()*i.width-i.width*s,y:n.y+(0,o.getRandom)()*i.height-i.height*s};if(t.isPointInStroke(e,r.x,r.y)){h=r;break}}return h}(t,h,e,n);return Promise.resolve(r?{position:r}:null)}resize(t,e){super.resize(t,e);const n=this.points,i=new Path2D,s=t.x-e.width*h,r=t.y-e.height*h;for(const[t,h]of n.entries()){const n={x:s+h.x*e.width/o.percentDenominator,y:r+h.y*e.height/o.percentDenominator};t?i.lineTo(n.x,n.y):i.moveTo(n.x,n.y)}const a=n[0];if(a){const t={x:s+a.x*e.width/o.percentDenominator,y:r+a.y*e.height/o.percentDenominator};i.lineTo(t.x,t.y)}this.path=i}}const a=50,c=50;class p{constructor(){this.points=[]}load(t){t&&void 0!==t.points&&(this.points=t.points.map((t=>({x:t.x??a,y:t.y??c}))))}}class x{generate(t,e,n,i){const o=new p;return o.load(i),new r(t,e,n,o)}}}}]);

package/235.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Shape Path Plugin v3.2.0 by Matteo Bruni */

package/browser/EmittersPathShape.js

@@ -1,6 +1,7 @@
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { errorPrefix } from "@tsparticles/engine";
+import { errorPrefix, percentDenominator } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
+const half = 0.5;
 export class EmittersPathShape extends EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
@@ -11,25 +12,26 @@ export class EmittersPathShape extends EmitterShapeBase {
         this.checkContext = ctx;
         this.points = options.points;
         const pathData = this.points, path = new Path2D(), offset = {
-            x: position.x - size.width / 2,
-            y: position.y - size.height / 2,
+            x: position.x - size.width * half,
+            y: position.y - size.height * half,
         };
         for (const [index, point] of pathData.entries()) {
             const coords = {
-                x: offset.x + (point.x * size.width) / 100,
-                y: offset.y + (point.y * size.height) / 100,
+                x: offset.x + (point.x * size.width) / percentDenominator,
+                y: offset.y + (point.y * size.height) / percentDenominator,
             };
-            if (index === 0) {
+            if (!index) {
                 path.moveTo(coords.x, coords.y);
             }
             else {
                 path.lineTo(coords.x, coords.y);
             }
         }
-        if (pathData[0]) {
+        const firstIndex = 0, firstPathData = pathData[firstIndex];
+        if (firstPathData) {
             const coords = {
-                x: offset.x + (pathData[0].x * size.width) / 100,
-                y: offset.y + (pathData[0].y * size.height) / 100,
+                x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+                y: offset.y + (firstPathData.y * size.height) / percentDenominator,
             };
             path.lineTo(coords.x, coords.y);
         }
@@ -41,30 +43,31 @@ export class EmittersPathShape extends EmitterShapeBase {
         const ctx = this.checkContext, position = this.position, size = this.size, fill = this.fill, path = this.path, res = fill
             ? generateRandomPointWithinPath(ctx, path, position, size)
             : generateRandomPointOnPathPerimeter(ctx, path, position, size);
-        return res ? { position: res } : null;
+        return Promise.resolve(res ? { position: res } : null);
     }
     resize(position, size) {
         super.resize(position, size);
         const pathData = this.points, path = new Path2D(), offset = {
-            x: position.x - size.width / 2,
-            y: position.y - size.height / 2,
+            x: position.x - size.width * half,
+            y: position.y - size.height * half,
         };
         for (const [index, point] of pathData.entries()) {
             const coords = {
-                x: offset.x + (point.x * size.width) / 100,
-                y: offset.y + (point.y * size.height) / 100,
+                x: offset.x + (point.x * size.width) / percentDenominator,
+                y: offset.y + (point.y * size.height) / percentDenominator,
             };
-            if (index === 0) {
+            if (!index) {
                 path.moveTo(coords.x, coords.y);
             }
             else {
                 path.lineTo(coords.x, coords.y);
             }
         }
-        if (pathData[0]) {
+        const firstIndex = 0, firstPathData = pathData[firstIndex];
+        if (firstPathData) {
             const coords = {
-                x: offset.x + (pathData[0].x * size.width) / 100,
-                y: offset.y + (pathData[0].y * size.height) / 100,
+                x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+                y: offset.y + (firstPathData.y * size.height) / percentDenominator,
             };
             path.lineTo(coords.x, coords.y);
         }

package/browser/Options/Classes/EmittersPathShapeOptions.js

@@ -1,3 +1,4 @@
+const defaultPosition = { x: 50, y: 50 };
 export class EmittersPathShapeOptions {
     constructor() {
         this.points = [];
@@ -7,7 +8,7 @@ export class EmittersPathShapeOptions {
             return;
         }
         if (data.points !== undefined) {
-            this.points = data.points.map((t) => ({ x: t.x ?? 50, y: t.y ?? 50 }));
+            this.points = data.points.map((t) => ({ x: t.x ?? defaultPosition.x, y: t.y ?? defaultPosition.y }));
         }
     }
 }

package/browser/index.js

@@ -1,7 +1,5 @@
-import { EmittersPathShapeGenerator } from "./EmittersPathShapeGenerator.js";
 export async function loadEmittersShapePath(engine, refresh = true) {
-    const emittersEngine = engine;
-    emittersEngine.addEmitterShapeGenerator &&
-        emittersEngine.addEmitterShapeGenerator("path", new EmittersPathShapeGenerator());
+    const emittersEngine = engine, { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
+    emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     await emittersEngine.refresh(refresh);
 }

package/browser/utils.js

@@ -1,10 +1,11 @@
 import { getRandom } from "@tsparticles/engine";
+const maxAttempts = 100, half = 0.5;
 export function generateRandomPointWithinPath(ctx, path, center, size) {
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
-            x: center.x + getRandom() * size.width - size.width / 2,
-            y: center.y + getRandom() * size.height - size.height / 2,
+            x: center.x + getRandom() * size.width - size.width * half,
+            y: center.y + getRandom() * size.height - size.height * half,
         };
         if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {
             randomPoint = tmpPoint;
@@ -15,10 +16,10 @@ export function generateRandomPointWithinPath(ctx, path, center, size) {
 }
 export function generateRandomPointOnPathPerimeter(ctx, path, center, size) {
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
-            x: center.x + getRandom() * size.width - size.width / 2,
-            y: center.y + getRandom() * size.height - size.height / 2,
+            x: center.x + getRandom() * size.width - size.width * half,
+            y: center.y + getRandom() * size.height - size.height * half,
         };
         if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {
             randomPoint = tmpPoint;

package/cjs/EmittersPathShape.js

@@ -4,6 +4,7 @@ exports.EmittersPathShape = void 0;
 const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
 const engine_1 = require("@tsparticles/engine");
 const utils_js_1 = require("./utils.js");
+const half = 0.5;
 class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
@@ -14,25 +15,26 @@ class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
         this.checkContext = ctx;
         this.points = options.points;
         const pathData = this.points, path = new Path2D(), offset = {
-            x: position.x - size.width / 2,
-            y: position.y - size.height / 2,
+            x: position.x - size.width * half,
+            y: position.y - size.height * half,
         };
         for (const [index, point] of pathData.entries()) {
             const coords = {
-                x: offset.x + (point.x * size.width) / 100,
-                y: offset.y + (point.y * size.height) / 100,
+                x: offset.x + (point.x * size.width) / engine_1.percentDenominator,
+                y: offset.y + (point.y * size.height) / engine_1.percentDenominator,
             };
-            if (index === 0) {
+            if (!index) {
                 path.moveTo(coords.x, coords.y);
             }
             else {
                 path.lineTo(coords.x, coords.y);
             }
         }
-        if (pathData[0]) {
+        const firstIndex = 0, firstPathData = pathData[firstIndex];
+        if (firstPathData) {
             const coords = {
-                x: offset.x + (pathData[0].x * size.width) / 100,
-                y: offset.y + (pathData[0].y * size.height) / 100,
+                x: offset.x + (firstPathData.x * size.width) / engine_1.percentDenominator,
+                y: offset.y + (firstPathData.y * size.height) / engine_1.percentDenominator,
             };
             path.lineTo(coords.x, coords.y);
         }
@@ -44,30 +46,31 @@ class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
         const ctx = this.checkContext, position = this.position, size = this.size, fill = this.fill, path = this.path, res = fill
             ? (0, utils_js_1.generateRandomPointWithinPath)(ctx, path, position, size)
             : (0, utils_js_1.generateRandomPointOnPathPerimeter)(ctx, path, position, size);
-        return res ? { position: res } : null;
+        return Promise.resolve(res ? { position: res } : null);
     }
     resize(position, size) {
         super.resize(position, size);
         const pathData = this.points, path = new Path2D(), offset = {
-            x: position.x - size.width / 2,
-            y: position.y - size.height / 2,
+            x: position.x - size.width * half,
+            y: position.y - size.height * half,
         };
         for (const [index, point] of pathData.entries()) {
             const coords = {
-                x: offset.x + (point.x * size.width) / 100,
-                y: offset.y + (point.y * size.height) / 100,
+                x: offset.x + (point.x * size.width) / engine_1.percentDenominator,
+                y: offset.y + (point.y * size.height) / engine_1.percentDenominator,
             };
-            if (index === 0) {
+            if (!index) {
                 path.moveTo(coords.x, coords.y);
             }
             else {
                 path.lineTo(coords.x, coords.y);
             }
         }
-        if (pathData[0]) {
+        const firstIndex = 0, firstPathData = pathData[firstIndex];
+        if (firstPathData) {
             const coords = {
-                x: offset.x + (pathData[0].x * size.width) / 100,
-                y: offset.y + (pathData[0].y * size.height) / 100,
+                x: offset.x + (firstPathData.x * size.width) / engine_1.percentDenominator,
+                y: offset.y + (firstPathData.y * size.height) / engine_1.percentDenominator,
             };
             path.lineTo(coords.x, coords.y);
         }

package/cjs/Options/Classes/EmittersPathShapeOptions.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmittersPathShapeOptions = void 0;
+const defaultPosition = { x: 50, y: 50 };
 class EmittersPathShapeOptions {
     constructor() {
         this.points = [];
@@ -10,7 +11,7 @@ class EmittersPathShapeOptions {
             return;
         }
         if (data.points !== undefined) {
-            this.points = data.points.map((t) => ({ x: t.x ?? 50, y: t.y ?? 50 }));
+            this.points = data.points.map((t) => ({ x: t.x ?? defaultPosition.x, y: t.y ?? defaultPosition.y }));
         }
     }
 }

package/cjs/index.js

@@ -1,11 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadEmittersShapePath = void 0;
-const EmittersPathShapeGenerator_js_1 = require("./EmittersPathShapeGenerator.js");
 async function loadEmittersShapePath(engine, refresh = true) {
-    const emittersEngine = engine;
-    emittersEngine.addEmitterShapeGenerator &&
-        emittersEngine.addEmitterShapeGenerator("path", new EmittersPathShapeGenerator_js_1.EmittersPathShapeGenerator());
+    const emittersEngine = engine, { EmittersPathShapeGenerator } = await Promise.resolve().then(() => __importStar(require("./EmittersPathShapeGenerator.js")));
+    emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     await emittersEngine.refresh(refresh);
 }
 exports.loadEmittersShapePath = loadEmittersShapePath;

package/cjs/utils.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateRandomPointOnPathPerimeter = exports.generateRandomPointWithinPath = void 0;
 const engine_1 = require("@tsparticles/engine");
+const maxAttempts = 100, half = 0.5;
 function generateRandomPointWithinPath(ctx, path, center, size) {
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
-            x: center.x + (0, engine_1.getRandom)() * size.width - size.width / 2,
-            y: center.y + (0, engine_1.getRandom)() * size.height - size.height / 2,
+            x: center.x + (0, engine_1.getRandom)() * size.width - size.width * half,
+            y: center.y + (0, engine_1.getRandom)() * size.height - size.height * half,
         };
         if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {
             randomPoint = tmpPoint;
@@ -19,10 +20,10 @@ function generateRandomPointWithinPath(ctx, path, center, size) {
 exports.generateRandomPointWithinPath = generateRandomPointWithinPath;
 function generateRandomPointOnPathPerimeter(ctx, path, center, size) {
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
-            x: center.x + (0, engine_1.getRandom)() * size.width - size.width / 2,
-            y: center.y + (0, engine_1.getRandom)() * size.height - size.height / 2,
+            x: center.x + (0, engine_1.getRandom)() * size.width - size.width * half,
+            y: center.y + (0, engine_1.getRandom)() * size.height - size.height * half,
         };
         if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {
             randomPoint = tmpPoint;

package/dist_browser_EmittersPathShapeGenerator_js.js

@@ -0,0 +1,60 @@
+/*!
+ * 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.2.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_plugin_emitters_shape_path"] = this["webpackChunk_tsparticles_plugin_emitters_shape_path"] || []).push([["dist_browser_EmittersPathShapeGenerator_js"],{
+
+/***/ "./dist/browser/EmittersPathShape.js":
+/*!*******************************************!*\
+  !*** ./dist/browser/EmittersPathShape.js ***!
+  \*******************************************/
+/***/ ((__unused_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_plugin_emitters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__);\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 = document.createElement(\"canvas\").getContext(\"2d\");\n    if (!ctx) {\n      throw new Error(`${_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.errorPrefix} 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      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    }\n    this.path = path;\n  }\n  async init() {}\n  async 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 Promise.resolve(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      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    }\n    this.path = path;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShape.js?");
+
+/***/ }),
+
+/***/ "./dist/browser/EmittersPathShapeGenerator.js":
+/*!****************************************************!*\
+  !*** ./dist/browser/EmittersPathShapeGenerator.js ***!
+  \****************************************************/
+/***/ ((__unused_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_1__ = __webpack_require__(/*! ./EmittersPathShape.js */ \"./dist/browser/EmittersPathShape.js\");\n/* harmony import */ var _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_0__ = __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_0__.EmittersPathShapeOptions();\n    shapeOptions.load(options);\n    return new _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_1__.EmittersPathShape(position, size, fill, shapeOptions);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShapeGenerator.js?");
+
+/***/ }),
+
+/***/ "./dist/browser/Options/Classes/EmittersPathShapeOptions.js":
+/*!******************************************************************!*\
+  !*** ./dist/browser/Options/Classes/EmittersPathShapeOptions.js ***!
+  \******************************************************************/
+/***/ ((__unused_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 */ });\nconst defaultPosition = {\n  x: 50,\n  y: 50\n};\nclass EmittersPathShapeOptions {\n  constructor() {\n    this.points = [];\n  }\n  load(data) {\n    if (!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?");
+
+/***/ }),
+
+/***/ "./dist/browser/utils.js":
+/*!*******************************!*\
+  !*** ./dist/browser/utils.js ***!
+  \*******************************/
+/***/ ((__unused_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/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\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?");
+
+/***/ })
+
+}]);

package/esm/EmittersPathShape.js

@@ -1,6 +1,7 @@
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { errorPrefix } from "@tsparticles/engine";
+import { errorPrefix, percentDenominator } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
+const half = 0.5;
 export class EmittersPathShape extends EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
@@ -11,25 +12,26 @@ export class EmittersPathShape extends EmitterShapeBase {
         this.checkContext = ctx;
         this.points = options.points;
         const pathData = this.points, path = new Path2D(), offset = {
-            x: position.x - size.width / 2,
-            y: position.y - size.height / 2,
+            x: position.x - size.width * half,
+            y: position.y - size.height * half,
         };
         for (const [index, point] of pathData.entries()) {
             const coords = {
-                x: offset.x + (point.x * size.width) / 100,
-                y: offset.y + (point.y * size.height) / 100,
+                x: offset.x + (point.x * size.width) / percentDenominator,
+                y: offset.y + (point.y * size.height) / percentDenominator,
             };
-            if (index === 0) {
+            if (!index) {
                 path.moveTo(coords.x, coords.y);
             }
             else {
                 path.lineTo(coords.x, coords.y);
             }
         }
-        if (pathData[0]) {
+        const firstIndex = 0, firstPathData = pathData[firstIndex];
+        if (firstPathData) {
             const coords = {
-                x: offset.x + (pathData[0].x * size.width) / 100,
-                y: offset.y + (pathData[0].y * size.height) / 100,
+                x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+                y: offset.y + (firstPathData.y * size.height) / percentDenominator,
             };
             path.lineTo(coords.x, coords.y);
         }
@@ -41,30 +43,31 @@ export class EmittersPathShape extends EmitterShapeBase {
         const ctx = this.checkContext, position = this.position, size = this.size, fill = this.fill, path = this.path, res = fill
             ? generateRandomPointWithinPath(ctx, path, position, size)
             : generateRandomPointOnPathPerimeter(ctx, path, position, size);
-        return res ? { position: res } : null;
+        return Promise.resolve(res ? { position: res } : null);
     }
     resize(position, size) {
         super.resize(position, size);
         const pathData = this.points, path = new Path2D(), offset = {
-            x: position.x - size.width / 2,
-            y: position.y - size.height / 2,
+            x: position.x - size.width * half,
+            y: position.y - size.height * half,
         };
         for (const [index, point] of pathData.entries()) {
             const coords = {
-                x: offset.x + (point.x * size.width) / 100,
-                y: offset.y + (point.y * size.height) / 100,
+                x: offset.x + (point.x * size.width) / percentDenominator,
+                y: offset.y + (point.y * size.height) / percentDenominator,
             };
-            if (index === 0) {
+            if (!index) {
                 path.moveTo(coords.x, coords.y);
             }
             else {
                 path.lineTo(coords.x, coords.y);
             }
         }
-        if (pathData[0]) {
+        const firstIndex = 0, firstPathData = pathData[firstIndex];
+        if (firstPathData) {
             const coords = {
-                x: offset.x + (pathData[0].x * size.width) / 100,
-                y: offset.y + (pathData[0].y * size.height) / 100,
+                x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+                y: offset.y + (firstPathData.y * size.height) / percentDenominator,
             };
             path.lineTo(coords.x, coords.y);
         }

package/esm/Options/Classes/EmittersPathShapeOptions.js

@@ -1,3 +1,4 @@
+const defaultPosition = { x: 50, y: 50 };
 export class EmittersPathShapeOptions {
     constructor() {
         this.points = [];
@@ -7,7 +8,7 @@ export class EmittersPathShapeOptions {
             return;
         }
         if (data.points !== undefined) {
-            this.points = data.points.map((t) => ({ x: t.x ?? 50, y: t.y ?? 50 }));
+            this.points = data.points.map((t) => ({ x: t.x ?? defaultPosition.x, y: t.y ?? defaultPosition.y }));
         }
     }
 }

package/esm/index.js

@@ -1,7 +1,5 @@
-import { EmittersPathShapeGenerator } from "./EmittersPathShapeGenerator.js";
 export async function loadEmittersShapePath(engine, refresh = true) {
-    const emittersEngine = engine;
-    emittersEngine.addEmitterShapeGenerator &&
-        emittersEngine.addEmitterShapeGenerator("path", new EmittersPathShapeGenerator());
+    const emittersEngine = engine, { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
+    emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     await emittersEngine.refresh(refresh);
 }

package/esm/utils.js

@@ -1,10 +1,11 @@
 import { getRandom } from "@tsparticles/engine";
+const maxAttempts = 100, half = 0.5;
 export function generateRandomPointWithinPath(ctx, path, center, size) {
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
-            x: center.x + getRandom() * size.width - size.width / 2,
-            y: center.y + getRandom() * size.height - size.height / 2,
+            x: center.x + getRandom() * size.width - size.width * half,
+            y: center.y + getRandom() * size.height - size.height * half,
         };
         if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {
             randomPoint = tmpPoint;
@@ -15,10 +16,10 @@ export function generateRandomPointWithinPath(ctx, path, center, size) {
 }
 export function generateRandomPointOnPathPerimeter(ctx, path, center, size) {
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
-            x: center.x + getRandom() * size.width - size.width / 2,
-            y: center.y + getRandom() * size.height - size.height / 2,
+            x: center.x + getRandom() * size.width - size.width * half,
+            y: center.y + getRandom() * size.height - size.height * half,
         };
         if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {
             randomPoint = tmpPoint;

package/package.json

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

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/plugin-emitters-shape-path [26 Dec 2023 at 19:34]</title>
+    <title>@tsparticles/plugin-emitters-shape-path [31 Jan 2024 at 02:13]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>
@@ -31,8 +31,8 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.plugin.emitters.shape.path.js","isAsset":true,"statSize":4542,"parsedSize":8718,"gzipSize":2316,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":4458,"groups":[{"id":115,"label":"index.js + 4 modules (concatenated)","path":"./dist/browser/index.js + 4 modules (concatenated)","statSize":4458,"parsedSize":8718,"gzipSize":2316,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser","statSize":4458,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/index.js","statSize":351,"parsedSize":686,"gzipSize":182,"inaccurateSizes":true},{"id":null,"label":"EmittersPathShapeGenerator.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/EmittersPathShapeGenerator.js","statSize":400,"parsedSize":782,"gzipSize":207,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/Options/Classes","statSize":282,"groups":[{"id":null,"label":"EmittersPathShapeOptions.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/Options/Classes/EmittersPathShapeOptions.js","statSize":282,"parsedSize":551,"gzipSize":146,"inaccurateSizes":true}],"parsedSize":551,"gzipSize":146,"inaccurateSizes":true},{"id":null,"label":"EmittersPathShape.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/EmittersPathShape.js","statSize":2476,"parsedSize":4842,"gzipSize":1286,"inaccurateSizes":true},{"id":null,"label":"utils.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/utils.js","statSize":949,"parsedSize":1855,"gzipSize":493,"inaccurateSizes":true}],"parsedSize":8718,"gzipSize":2316,"inaccurateSizes":true}]}],"parsedSize":8718,"gzipSize":2316},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0},{"label":"plugin-emitters\",\"commonjs2\":\"@tsparticles/plugin-emitters\",\"amd\":\"@tsparticles","path":"./plugin-emitters\",\"commonjs2\":\"@tsparticles/plugin-emitters\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":68,"label":"plugin-emitters\",\"root\":\"window\"}","path":"./plugin-emitters\",\"commonjs2\":\"@tsparticles/plugin-emitters\",\"amd\":\"@tsparticles/plugin-emitters\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.emitters.shape.path":true}}];
-      window.entrypoints = ["tsparticles.plugin.emitters.shape.path","tsparticles.plugin.emitters.shape.path.min"];
+      window.chartData = [];
+      window.entrypoints = ["tsparticles.plugin.emitters.shape.path.min"];
       window.defaultSizes = "parsed";
     </script>
   </body>