@tsparticles/plugin-emitters-shape-polygon 3.0.2 → 3.1.0

package/browser/EmittersPolygonShape.js

@@ -1,20 +1,22 @@
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
+import { degToRad } from "@tsparticles/engine";
 import { generateRandomPointOnPolygonPerimeter, generateRandomPointWithinPolygon, generateRandomPolygon, } from "./utils.js";
+const half = 0.5;
 export class EmittersPolygonShape extends EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
         this.sides = options.sides;
-        this.angle = (options.angle * Math.PI) / 180;
-        this.polygon = generateRandomPolygon(position, this.sides, size.width / 2, this.angle);
+        this.angle = degToRad(options.angle);
+        this.polygon = generateRandomPolygon(position, this.sides, size.width * half, this.angle);
     }
     async init() {
     }
     async randomPosition() {
         const fill = this.fill, polygon = this.polygon, res = fill ? generateRandomPointWithinPolygon(polygon) : generateRandomPointOnPolygonPerimeter(polygon);
-        return res ? { position: res } : null;
+        return Promise.resolve(res ? { position: res } : null);
     }
     resize(position, size) {
         super.resize(position, size);
-        this.polygon = generateRandomPolygon(position, this.sides, size.width / 2, this.angle);
+        this.polygon = generateRandomPolygon(position, this.sides, size.width * half, this.angle);
     }
 }

package/browser/index.js

@@ -1,7 +1,6 @@
 import { EmittersPolygonShapeGenerator } from "./EmittersPolygonShapeGenerator.js";
 export async function loadEmittersShapePolygon(engine, refresh = true) {
     const emittersEngine = engine;
-    emittersEngine.addEmitterShapeGenerator &&
-        emittersEngine.addEmitterShapeGenerator("polygon", new EmittersPolygonShapeGenerator());
+    emittersEngine.addEmitterShapeGenerator?.("polygon", new EmittersPolygonShapeGenerator());
     await emittersEngine.refresh(refresh);
 }

package/browser/utils.js

@@ -1,6 +1,7 @@
 import { getRandom } from "@tsparticles/engine";
-export function generateRandomPolygon(position, sides, radius, rotationAngle = 0) {
-    const polygon = [], angle = (Math.PI * 2) / sides;
+const double = 2, doublePI = Math.PI * double, defaultRotation = 0, maxAttempts = 100;
+export function generateRandomPolygon(position, sides, radius, rotationAngle = defaultRotation) {
+    const polygon = [], angle = doublePI / sides;
     for (let i = 0; i < sides; i++) {
         const currentAngle = angle * i + rotationAngle;
         polygon.push({
@@ -11,7 +12,7 @@ export function generateRandomPolygon(position, sides, radius, rotationAngle = 0
     return polygon;
 }
 export function generateRandomPointWithinPolygon(polygon) {
-    const min = { ...polygon[0] }, max = { ...polygon[0] };
+    const firstIndex = 0, firstPoint = polygon[firstIndex], min = { ...firstPoint }, max = { ...firstPoint };
     for (const point of polygon) {
         if (point.x < min.x) {
             min.x = point.x;
@@ -27,7 +28,7 @@ export function generateRandomPointWithinPolygon(polygon) {
         }
     }
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
             x: min.x + getRandom() * (max.x - min.x),
             y: min.y + getRandom() * (max.y - min.y),
@@ -40,12 +41,13 @@ export function generateRandomPointWithinPolygon(polygon) {
     return randomPoint;
 }
 export function generateRandomPointOnPolygonPerimeter(polygon) {
-    const sideIndex = Math.floor(getRandom() * polygon.length), startPoint = polygon[sideIndex], endPoint = polygon[(sideIndex + 1) % polygon.length], t = getRandom();
+    const sideIndex = Math.floor(getRandom() * polygon.length), startPoint = polygon[sideIndex], offset = 1, endPoint = polygon[(sideIndex + offset) % polygon.length], t = getRandom();
     return { x: startPoint.x + (endPoint.x - startPoint.x) * t, y: startPoint.y + (endPoint.y - startPoint.y) * t };
 }
 export function isPointInPolygon(point, polygon) {
     let inside = false;
-    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const offset = 1;
+    for (let i = 0, j = polygon.length - offset; i < polygon.length; j = i++) {
         const pi = polygon[i], pj = polygon[j];
         const intersect = pi.y > point.y !== pj.y > point.y && point.x < ((pj.x - pi.x) * (point.y - pi.y)) / (pj.y - pi.y) + pi.x;
         if (intersect) {

package/cjs/EmittersPolygonShape.js

@@ -2,23 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmittersPolygonShape = 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 EmittersPolygonShape extends plugin_emitters_1.EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
         this.sides = options.sides;
-        this.angle = (options.angle * Math.PI) / 180;
-        this.polygon = (0, utils_js_1.generateRandomPolygon)(position, this.sides, size.width / 2, this.angle);
+        this.angle = (0, engine_1.degToRad)(options.angle);
+        this.polygon = (0, utils_js_1.generateRandomPolygon)(position, this.sides, size.width * half, this.angle);
     }
     async init() {
     }
     async randomPosition() {
         const fill = this.fill, polygon = this.polygon, res = fill ? (0, utils_js_1.generateRandomPointWithinPolygon)(polygon) : (0, utils_js_1.generateRandomPointOnPolygonPerimeter)(polygon);
-        return res ? { position: res } : null;
+        return Promise.resolve(res ? { position: res } : null);
     }
     resize(position, size) {
         super.resize(position, size);
-        this.polygon = (0, utils_js_1.generateRandomPolygon)(position, this.sides, size.width / 2, this.angle);
+        this.polygon = (0, utils_js_1.generateRandomPolygon)(position, this.sides, size.width * half, this.angle);
     }
 }
 exports.EmittersPolygonShape = EmittersPolygonShape;

package/cjs/index.js

@@ -4,8 +4,7 @@ exports.loadEmittersShapePolygon = void 0;
 const EmittersPolygonShapeGenerator_js_1 = require("./EmittersPolygonShapeGenerator.js");
 async function loadEmittersShapePolygon(engine, refresh = true) {
     const emittersEngine = engine;
-    emittersEngine.addEmitterShapeGenerator &&
-        emittersEngine.addEmitterShapeGenerator("polygon", new EmittersPolygonShapeGenerator_js_1.EmittersPolygonShapeGenerator());
+    emittersEngine.addEmitterShapeGenerator?.("polygon", new EmittersPolygonShapeGenerator_js_1.EmittersPolygonShapeGenerator());
     await emittersEngine.refresh(refresh);
 }
 exports.loadEmittersShapePolygon = loadEmittersShapePolygon;

package/cjs/utils.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isPointInPolygon = exports.generateRandomPointOnPolygonPerimeter = exports.generateRandomPointWithinPolygon = exports.generateRandomPolygon = void 0;
 const engine_1 = require("@tsparticles/engine");
-function generateRandomPolygon(position, sides, radius, rotationAngle = 0) {
-    const polygon = [], angle = (Math.PI * 2) / sides;
+const double = 2, doublePI = Math.PI * double, defaultRotation = 0, maxAttempts = 100;
+function generateRandomPolygon(position, sides, radius, rotationAngle = defaultRotation) {
+    const polygon = [], angle = doublePI / sides;
     for (let i = 0; i < sides; i++) {
         const currentAngle = angle * i + rotationAngle;
         polygon.push({
@@ -15,7 +16,7 @@ function generateRandomPolygon(position, sides, radius, rotationAngle = 0) {
 }
 exports.generateRandomPolygon = generateRandomPolygon;
 function generateRandomPointWithinPolygon(polygon) {
-    const min = { ...polygon[0] }, max = { ...polygon[0] };
+    const firstIndex = 0, firstPoint = polygon[firstIndex], min = { ...firstPoint }, max = { ...firstPoint };
     for (const point of polygon) {
         if (point.x < min.x) {
             min.x = point.x;
@@ -31,7 +32,7 @@ function generateRandomPointWithinPolygon(polygon) {
         }
     }
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
             x: min.x + (0, engine_1.getRandom)() * (max.x - min.x),
             y: min.y + (0, engine_1.getRandom)() * (max.y - min.y),
@@ -45,13 +46,14 @@ function generateRandomPointWithinPolygon(polygon) {
 }
 exports.generateRandomPointWithinPolygon = generateRandomPointWithinPolygon;
 function generateRandomPointOnPolygonPerimeter(polygon) {
-    const sideIndex = Math.floor((0, engine_1.getRandom)() * polygon.length), startPoint = polygon[sideIndex], endPoint = polygon[(sideIndex + 1) % polygon.length], t = (0, engine_1.getRandom)();
+    const sideIndex = Math.floor((0, engine_1.getRandom)() * polygon.length), startPoint = polygon[sideIndex], offset = 1, endPoint = polygon[(sideIndex + offset) % polygon.length], t = (0, engine_1.getRandom)();
     return { x: startPoint.x + (endPoint.x - startPoint.x) * t, y: startPoint.y + (endPoint.y - startPoint.y) * t };
 }
 exports.generateRandomPointOnPolygonPerimeter = generateRandomPointOnPolygonPerimeter;
 function isPointInPolygon(point, polygon) {
     let inside = false;
-    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const offset = 1;
+    for (let i = 0, j = polygon.length - offset; i < polygon.length; j = i++) {
         const pi = polygon[i], pj = polygon[j];
         const intersect = pi.y > point.y !== pj.y > point.y && point.x < ((pj.x - pi.x) * (point.y - pi.y)) / (pj.y - pi.y) + pi.x;
         if (intersect) {

package/esm/EmittersPolygonShape.js

@@ -1,20 +1,22 @@
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
+import { degToRad } from "@tsparticles/engine";
 import { generateRandomPointOnPolygonPerimeter, generateRandomPointWithinPolygon, generateRandomPolygon, } from "./utils.js";
+const half = 0.5;
 export class EmittersPolygonShape extends EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
         this.sides = options.sides;
-        this.angle = (options.angle * Math.PI) / 180;
-        this.polygon = generateRandomPolygon(position, this.sides, size.width / 2, this.angle);
+        this.angle = degToRad(options.angle);
+        this.polygon = generateRandomPolygon(position, this.sides, size.width * half, this.angle);
     }
     async init() {
     }
     async randomPosition() {
         const fill = this.fill, polygon = this.polygon, res = fill ? generateRandomPointWithinPolygon(polygon) : generateRandomPointOnPolygonPerimeter(polygon);
-        return res ? { position: res } : null;
+        return Promise.resolve(res ? { position: res } : null);
     }
     resize(position, size) {
         super.resize(position, size);
-        this.polygon = generateRandomPolygon(position, this.sides, size.width / 2, this.angle);
+        this.polygon = generateRandomPolygon(position, this.sides, size.width * half, this.angle);
     }
 }

package/esm/index.js

@@ -1,7 +1,6 @@
 import { EmittersPolygonShapeGenerator } from "./EmittersPolygonShapeGenerator.js";
 export async function loadEmittersShapePolygon(engine, refresh = true) {
     const emittersEngine = engine;
-    emittersEngine.addEmitterShapeGenerator &&
-        emittersEngine.addEmitterShapeGenerator("polygon", new EmittersPolygonShapeGenerator());
+    emittersEngine.addEmitterShapeGenerator?.("polygon", new EmittersPolygonShapeGenerator());
     await emittersEngine.refresh(refresh);
 }

package/esm/utils.js

@@ -1,6 +1,7 @@
 import { getRandom } from "@tsparticles/engine";
-export function generateRandomPolygon(position, sides, radius, rotationAngle = 0) {
-    const polygon = [], angle = (Math.PI * 2) / sides;
+const double = 2, doublePI = Math.PI * double, defaultRotation = 0, maxAttempts = 100;
+export function generateRandomPolygon(position, sides, radius, rotationAngle = defaultRotation) {
+    const polygon = [], angle = doublePI / sides;
     for (let i = 0; i < sides; i++) {
         const currentAngle = angle * i + rotationAngle;
         polygon.push({
@@ -11,7 +12,7 @@ export function generateRandomPolygon(position, sides, radius, rotationAngle = 0
     return polygon;
 }
 export function generateRandomPointWithinPolygon(polygon) {
-    const min = { ...polygon[0] }, max = { ...polygon[0] };
+    const firstIndex = 0, firstPoint = polygon[firstIndex], min = { ...firstPoint }, max = { ...firstPoint };
     for (const point of polygon) {
         if (point.x < min.x) {
             min.x = point.x;
@@ -27,7 +28,7 @@ export function generateRandomPointWithinPolygon(polygon) {
         }
     }
     let randomPoint = null;
-    for (let attempts = 0; attempts < 100; attempts++) {
+    for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
             x: min.x + getRandom() * (max.x - min.x),
             y: min.y + getRandom() * (max.y - min.y),
@@ -40,12 +41,13 @@ export function generateRandomPointWithinPolygon(polygon) {
     return randomPoint;
 }
 export function generateRandomPointOnPolygonPerimeter(polygon) {
-    const sideIndex = Math.floor(getRandom() * polygon.length), startPoint = polygon[sideIndex], endPoint = polygon[(sideIndex + 1) % polygon.length], t = getRandom();
+    const sideIndex = Math.floor(getRandom() * polygon.length), startPoint = polygon[sideIndex], offset = 1, endPoint = polygon[(sideIndex + offset) % polygon.length], t = getRandom();
     return { x: startPoint.x + (endPoint.x - startPoint.x) * t, y: startPoint.y + (endPoint.y - startPoint.y) * t };
 }
 export function isPointInPolygon(point, polygon) {
     let inside = false;
-    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const offset = 1;
+    for (let i = 0, j = polygon.length - offset; i < polygon.length; j = i++) {
         const pi = polygon[i], pj = polygon[j];
         const intersect = pi.y > point.y !== pj.y > point.y && point.x < ((pj.x - pi.x) * (point.y - pi.y)) / (pj.y - pi.y) + pi.x;
         if (intersect) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-emitters-shape-polygon",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "tsParticles emitters shape polygon plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,8 +100,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.2",
-    "@tsparticles/plugin-emitters": "^3.0.2"
+    "@tsparticles/engine": "^3.1.0",
+    "@tsparticles/plugin-emitters": "^3.1.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-polygon [6 Dec 2023 at 17:48]</title>
+    <title>@tsparticles/plugin-emitters-shape-polygon [13 Jan 2024 at 23:10]</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,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.plugin.emitters.shape.polygon.js","isAsset":true,"statSize":4058,"parsedSize":8218,"gzipSize":2399,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":3974,"groups":[{"id":659,"label":"index.js + 4 modules (concatenated)","path":"./dist/browser/index.js + 4 modules (concatenated)","statSize":3974,"parsedSize":8218,"gzipSize":2399,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser","statSize":3974,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/index.js","statSize":366,"parsedSize":756,"gzipSize":220,"inaccurateSizes":true},{"id":null,"label":"EmittersPolygonShapeGenerator.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/EmittersPolygonShapeGenerator.js","statSize":421,"parsedSize":870,"gzipSize":254,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/Options/Classes","statSize":308,"groups":[{"id":null,"label":"EmittersPolygonShapeOptions.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/Options/Classes/EmittersPolygonShapeOptions.js","statSize":308,"parsedSize":636,"gzipSize":185,"inaccurateSizes":true}],"parsedSize":636,"gzipSize":185,"inaccurateSizes":true},{"id":null,"label":"EmittersPolygonShape.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/EmittersPolygonShape.js","statSize":945,"parsedSize":1954,"gzipSize":570,"inaccurateSizes":true},{"id":null,"label":"utils.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/utils.js","statSize":1934,"parsedSize":3999,"gzipSize":1167,"inaccurateSizes":true}],"parsedSize":8218,"gzipSize":2399,"inaccurateSizes":true}]}],"parsedSize":8218,"gzipSize":2399},{"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.polygon":true}}];
+      window.chartData = [{"label":"tsparticles.plugin.emitters.shape.polygon.js","isAsset":true,"statSize":4316,"parsedSize":8465,"gzipSize":2499,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":4232,"groups":[{"id":351,"label":"index.js + 4 modules (concatenated)","path":"./dist/browser/index.js + 4 modules (concatenated)","statSize":4232,"parsedSize":8465,"gzipSize":2499,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser","statSize":4232,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/index.js","statSize":325,"parsedSize":650,"gzipSize":191,"inaccurateSizes":true},{"id":null,"label":"EmittersPolygonShapeGenerator.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/EmittersPolygonShapeGenerator.js","statSize":421,"parsedSize":842,"gzipSize":248,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/Options/Classes","statSize":308,"groups":[{"id":null,"label":"EmittersPolygonShapeOptions.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/Options/Classes/EmittersPolygonShapeOptions.js","statSize":308,"parsedSize":616,"gzipSize":181,"inaccurateSizes":true}],"parsedSize":616,"gzipSize":181,"inaccurateSizes":true},{"id":null,"label":"EmittersPolygonShape.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/EmittersPolygonShape.js","statSize":1028,"parsedSize":2056,"gzipSize":607,"inaccurateSizes":true},{"id":null,"label":"utils.js","path":"./dist/browser/index.js + 4 modules (concatenated)/dist/browser/utils.js","statSize":2150,"parsedSize":4300,"gzipSize":1269,"inaccurateSizes":true}],"parsedSize":8465,"gzipSize":2499,"inaccurateSizes":true}]}],"parsedSize":8465,"gzipSize":2499},{"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.polygon":true}}];
       window.entrypoints = ["tsparticles.plugin.emitters.shape.polygon","tsparticles.plugin.emitters.shape.polygon.min"];
       window.defaultSizes = "parsed";
     </script>

package/tsparticles.plugin.emitters.shape.polygon.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.2
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -107,9 +107,13 @@ var plugin_emitters_root_window_ = __webpack_require__(68);
 var engine_root_window_ = __webpack_require__(533);
 ;// CONCATENATED MODULE: ./dist/browser/utils.js
 
-function generateRandomPolygon(position, sides, radius, rotationAngle = 0) {
+const utils_double = 2,
+  doublePI = Math.PI * utils_double,
+  defaultRotation = 0,
+  maxAttempts = 100;
+function generateRandomPolygon(position, sides, radius, rotationAngle = defaultRotation) {
   const polygon = [],
-    angle = Math.PI * 2 / sides;
+    angle = doublePI / sides;
   for (let i = 0; i < sides; i++) {
     const currentAngle = angle * i + rotationAngle;
     polygon.push({
@@ -120,11 +124,13 @@ function generateRandomPolygon(position, sides, radius, rotationAngle = 0) {
   return polygon;
 }
 function generateRandomPointWithinPolygon(polygon) {
-  const min = {
-      ...polygon[0]
+  const firstIndex = 0,
+    firstPoint = polygon[firstIndex],
+    min = {
+      ...firstPoint
     },
     max = {
-      ...polygon[0]
+      ...firstPoint
     };
   for (const point of polygon) {
     if (point.x < min.x) {
@@ -141,7 +147,7 @@ function generateRandomPointWithinPolygon(polygon) {
     }
   }
   let randomPoint = null;
-  for (let attempts = 0; attempts < 100; attempts++) {
+  for (let attempts = 0; attempts < maxAttempts; attempts++) {
     const tmpPoint = {
       x: min.x + (0,engine_root_window_.getRandom)() * (max.x - min.x),
       y: min.y + (0,engine_root_window_.getRandom)() * (max.y - min.y)
@@ -156,7 +162,8 @@ function generateRandomPointWithinPolygon(polygon) {
 function generateRandomPointOnPolygonPerimeter(polygon) {
   const sideIndex = Math.floor((0,engine_root_window_.getRandom)() * polygon.length),
     startPoint = polygon[sideIndex],
-    endPoint = polygon[(sideIndex + 1) % polygon.length],
+    offset = 1,
+    endPoint = polygon[(sideIndex + offset) % polygon.length],
     t = (0,engine_root_window_.getRandom)();
   return {
     x: startPoint.x + (endPoint.x - startPoint.x) * t,
@@ -165,7 +172,8 @@ function generateRandomPointOnPolygonPerimeter(polygon) {
 }
 function isPointInPolygon(point, polygon) {
   let inside = false;
-  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+  const offset = 1;
+  for (let i = 0, j = polygon.length - offset; i < polygon.length; j = i++) {
     const pi = polygon[i],
       pj = polygon[j];
     const intersect = pi.y > point.y !== pj.y > point.y && point.x < (pj.x - pi.x) * (point.y - pi.y) / (pj.y - pi.y) + pi.x;
@@ -178,25 +186,27 @@ function isPointInPolygon(point, polygon) {
 ;// CONCATENATED MODULE: ./dist/browser/EmittersPolygonShape.js
 
 
+
+const half = 0.5;
 class EmittersPolygonShape extends plugin_emitters_root_window_.EmitterShapeBase {
   constructor(position, size, fill, options) {
     super(position, size, fill, options);
     this.sides = options.sides;
-    this.angle = options.angle * Math.PI / 180;
-    this.polygon = generateRandomPolygon(position, this.sides, size.width / 2, this.angle);
+    this.angle = (0,engine_root_window_.degToRad)(options.angle);
+    this.polygon = generateRandomPolygon(position, this.sides, size.width * half, this.angle);
   }
   async init() {}
   async randomPosition() {
     const fill = this.fill,
       polygon = this.polygon,
       res = fill ? generateRandomPointWithinPolygon(polygon) : generateRandomPointOnPolygonPerimeter(polygon);
-    return res ? {
+    return Promise.resolve(res ? {
       position: res
-    } : null;
+    } : null);
   }
   resize(position, size) {
     super.resize(position, size);
-    this.polygon = generateRandomPolygon(position, this.sides, size.width / 2, this.angle);
+    this.polygon = generateRandomPolygon(position, this.sides, size.width * half, this.angle);
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmittersPolygonShapeOptions.js
@@ -231,7 +241,7 @@ class EmittersPolygonShapeGenerator {
 
 async function loadEmittersShapePolygon(engine, refresh = true) {
   const emittersEngine = engine;
-  emittersEngine.addEmitterShapeGenerator && emittersEngine.addEmitterShapeGenerator("polygon", new EmittersPolygonShapeGenerator());
+  emittersEngine.addEmitterShapeGenerator?.("polygon", new EmittersPolygonShapeGenerator());
   await emittersEngine.refresh(refresh);
 }
 })();

package/tsparticles.plugin.emitters.shape.polygon.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.plugin.emitters.shape.polygon.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine"],t);else{var n="object"==typeof exports?t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine")):t(e.window,e.window);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(this,((e,t)=>(()=>{"use strict";var n={533:e=>{e.exports=t},68:t=>{t.exports=e}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var s=o[e]={exports:{}};return n[e](s,s.exports,r),s.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{r.r(s),r.d(s,{loadEmittersShapePolygon:()=>y});var e=r(68),t=r(533);function n(e,t,n,o=0){const r=[],s=2*Math.PI/t;for(let i=0;i<t;i++){const t=s*i+o;r.push({x:e.x+n*Math.cos(t),y:e.y+n*Math.sin(t)})}return r}function o(e,t){let n=!1;for(let o=0,r=t.length-1;o<t.length;r=o++){const s=t[o],i=t[r];s.y>e.y!=i.y>e.y&&e.x<(i.x-s.x)*(e.y-s.y)/(i.y-s.y)+s.x&&(n=!n)}return n}class i extends e.EmitterShapeBase{constructor(e,t,o,r){super(e,t,o,r),this.sides=r.sides,this.angle=r.angle*Math.PI/180,this.polygon=n(e,this.sides,t.width/2,this.angle)}async init(){}async randomPosition(){const e=this.fill,n=this.polygon,r=e?function(e){const n={...e[0]},r={...e[0]};for(const t of e)t.x<n.x&&(n.x=t.x),t.x>r.x&&(r.x=t.x),t.y<n.y&&(n.y=t.y),t.y>r.y&&(r.y=t.y);let s=null;for(let i=0;i<100;i++){const i={x:n.x+(0,t.getRandom)()*(r.x-n.x),y:n.y+(0,t.getRandom)()*(r.y-n.y)};if(o(i,e)){s=i;break}}return s}(n):function(e){const n=Math.floor((0,t.getRandom)()*e.length),o=e[n],r=e[(n+1)%e.length],s=(0,t.getRandom)();return{x:o.x+(r.x-o.x)*s,y:o.y+(r.y-o.y)*s}}(n);return r?{position:r}:null}resize(e,t){super.resize(e,t),this.polygon=n(e,this.sides,t.width/2,this.angle)}}class a{constructor(){this.angle=0,this.sides=5}load(e){e&&(void 0!==e.angle&&(this.angle=e.angle),void 0!==e.sides&&(this.sides=e.sides))}}class l{generate(e,t,n,o){const r=new a;return r.load(o),new i(e,t,n,r)}}async function y(e,t=!0){const n=e;n.addEmitterShapeGenerator&&n.addEmitterShapeGenerator("polygon",new l),await n.refresh(t)}})(),s})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine")):t(e.window,e.window);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(this,((e,t)=>(()=>{"use strict";var o={533:e=>{e.exports=t},68:t=>{t.exports=e}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,s),r.exports}s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{loadEmittersShapePolygon:()=>c});var e=s(68),t=s(533);const o=2*Math.PI;function n(e,t,n,s=0){const r=[],i=o/t;for(let o=0;o<t;o++){const t=i*o+s;r.push({x:e.x+n*Math.cos(t),y:e.y+n*Math.sin(t)})}return r}function i(e,t){let o=!1;for(let n=0,s=t.length-1;n<t.length;s=n++){const r=t[n],i=t[s];r.y>e.y!=i.y>e.y&&e.x<(i.x-r.x)*(e.y-r.y)/(i.y-r.y)+r.x&&(o=!o)}return o}class a extends e.EmitterShapeBase{constructor(e,o,s,r){super(e,o,s,r),this.sides=r.sides,this.angle=(0,t.degToRad)(r.angle),this.polygon=n(e,this.sides,.5*o.width,this.angle)}async init(){}async randomPosition(){const e=this.fill,o=this.polygon,n=e?function(e){const o=e[0],n={...o},s={...o};for(const t of e)t.x<n.x&&(n.x=t.x),t.x>s.x&&(s.x=t.x),t.y<n.y&&(n.y=t.y),t.y>s.y&&(s.y=t.y);let r=null;for(let o=0;o<100;o++){const o={x:n.x+(0,t.getRandom)()*(s.x-n.x),y:n.y+(0,t.getRandom)()*(s.y-n.y)};if(i(o,e)){r=o;break}}return r}(o):function(e){const o=Math.floor((0,t.getRandom)()*e.length),n=e[o],s=e[(o+1)%e.length],r=(0,t.getRandom)();return{x:n.x+(s.x-n.x)*r,y:n.y+(s.y-n.y)*r}}(o);return Promise.resolve(n?{position:n}:null)}resize(e,t){super.resize(e,t),this.polygon=n(e,this.sides,.5*t.width,this.angle)}}class l{constructor(){this.angle=0,this.sides=5}load(e){e&&(void 0!==e.angle&&(this.angle=e.angle),void 0!==e.sides&&(this.sides=e.sides))}}class y{generate(e,t,o,n){const s=new l;return s.load(n),new a(e,t,o,s)}}async function c(e,t=!0){const o=e;o.addEmitterShapeGenerator?.("polygon",new y),await o.refresh(t)}})(),r})()));

package/tsparticles.plugin.emitters.shape.polygon.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Emitters Shape Polygon Plugin v3.0.2 by Matteo Bruni */
+/*! tsParticles Emitters Shape Polygon Plugin v3.1.0 by Matteo Bruni */

package/umd/EmittersPolygonShape.js

@@ -4,30 +4,32 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/plugin-emitters", "./utils.js"], factory);
+        define(["require", "exports", "@tsparticles/plugin-emitters", "@tsparticles/engine", "./utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.EmittersPolygonShape = 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 EmittersPolygonShape extends plugin_emitters_1.EmitterShapeBase {
         constructor(position, size, fill, options) {
             super(position, size, fill, options);
             this.sides = options.sides;
-            this.angle = (options.angle * Math.PI) / 180;
-            this.polygon = (0, utils_js_1.generateRandomPolygon)(position, this.sides, size.width / 2, this.angle);
+            this.angle = (0, engine_1.degToRad)(options.angle);
+            this.polygon = (0, utils_js_1.generateRandomPolygon)(position, this.sides, size.width * half, this.angle);
         }
         async init() {
         }
         async randomPosition() {
             const fill = this.fill, polygon = this.polygon, res = fill ? (0, utils_js_1.generateRandomPointWithinPolygon)(polygon) : (0, utils_js_1.generateRandomPointOnPolygonPerimeter)(polygon);
-            return res ? { position: res } : null;
+            return Promise.resolve(res ? { position: res } : null);
         }
         resize(position, size) {
             super.resize(position, size);
-            this.polygon = (0, utils_js_1.generateRandomPolygon)(position, this.sides, size.width / 2, this.angle);
+            this.polygon = (0, utils_js_1.generateRandomPolygon)(position, this.sides, size.width * half, this.angle);
         }
     }
     exports.EmittersPolygonShape = EmittersPolygonShape;

package/umd/index.js

@@ -13,8 +13,7 @@
     const EmittersPolygonShapeGenerator_js_1 = require("./EmittersPolygonShapeGenerator.js");
     async function loadEmittersShapePolygon(engine, refresh = true) {
         const emittersEngine = engine;
-        emittersEngine.addEmitterShapeGenerator &&
-            emittersEngine.addEmitterShapeGenerator("polygon", new EmittersPolygonShapeGenerator_js_1.EmittersPolygonShapeGenerator());
+        emittersEngine.addEmitterShapeGenerator?.("polygon", new EmittersPolygonShapeGenerator_js_1.EmittersPolygonShapeGenerator());
         await emittersEngine.refresh(refresh);
     }
     exports.loadEmittersShapePolygon = loadEmittersShapePolygon;

package/umd/utils.js

@@ -11,8 +11,9 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.isPointInPolygon = exports.generateRandomPointOnPolygonPerimeter = exports.generateRandomPointWithinPolygon = exports.generateRandomPolygon = void 0;
     const engine_1 = require("@tsparticles/engine");
-    function generateRandomPolygon(position, sides, radius, rotationAngle = 0) {
-        const polygon = [], angle = (Math.PI * 2) / sides;
+    const double = 2, doublePI = Math.PI * double, defaultRotation = 0, maxAttempts = 100;
+    function generateRandomPolygon(position, sides, radius, rotationAngle = defaultRotation) {
+        const polygon = [], angle = doublePI / sides;
         for (let i = 0; i < sides; i++) {
             const currentAngle = angle * i + rotationAngle;
             polygon.push({
@@ -24,7 +25,7 @@
     }
     exports.generateRandomPolygon = generateRandomPolygon;
     function generateRandomPointWithinPolygon(polygon) {
-        const min = { ...polygon[0] }, max = { ...polygon[0] };
+        const firstIndex = 0, firstPoint = polygon[firstIndex], min = { ...firstPoint }, max = { ...firstPoint };
         for (const point of polygon) {
             if (point.x < min.x) {
                 min.x = point.x;
@@ -40,7 +41,7 @@
             }
         }
         let randomPoint = null;
-        for (let attempts = 0; attempts < 100; attempts++) {
+        for (let attempts = 0; attempts < maxAttempts; attempts++) {
             const tmpPoint = {
                 x: min.x + (0, engine_1.getRandom)() * (max.x - min.x),
                 y: min.y + (0, engine_1.getRandom)() * (max.y - min.y),
@@ -54,13 +55,14 @@
     }
     exports.generateRandomPointWithinPolygon = generateRandomPointWithinPolygon;
     function generateRandomPointOnPolygonPerimeter(polygon) {
-        const sideIndex = Math.floor((0, engine_1.getRandom)() * polygon.length), startPoint = polygon[sideIndex], endPoint = polygon[(sideIndex + 1) % polygon.length], t = (0, engine_1.getRandom)();
+        const sideIndex = Math.floor((0, engine_1.getRandom)() * polygon.length), startPoint = polygon[sideIndex], offset = 1, endPoint = polygon[(sideIndex + offset) % polygon.length], t = (0, engine_1.getRandom)();
         return { x: startPoint.x + (endPoint.x - startPoint.x) * t, y: startPoint.y + (endPoint.y - startPoint.y) * t };
     }
     exports.generateRandomPointOnPolygonPerimeter = generateRandomPointOnPolygonPerimeter;
     function isPointInPolygon(point, polygon) {
         let inside = false;
-        for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+        const offset = 1;
+        for (let i = 0, j = polygon.length - offset; i < polygon.length; j = i++) {
             const pi = polygon[i], pj = polygon[j];
             const intersect = pi.y > point.y !== pj.y > point.y && point.x < ((pj.x - pi.x) * (point.y - pi.y)) / (pj.y - pi.y) + pi.x;
             if (intersect) {