@tsparticles/all 4.0.0-alpha.8 → 4.0.0-beta.1

package/shapes_matrix_dist_browser_MatrixDrawer_js.js

@@ -0,0 +1,40 @@
+/*!
+ * 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
+ * v4.0.0-beta.1
+ */
+"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_matrix_dist_browser_MatrixDrawer_js"],{
+
+/***/ "../../shapes/matrix/dist/browser/MatrixDrawer.js"
+/*!********************************************************!*\
+  !*** ../../shapes/matrix/dist/browser/MatrixDrawer.js ***!
+  \********************************************************/
+(__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 */   MatrixDrawer: () => (/* binding */ MatrixDrawer)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/matrix/dist/browser/Utils.js\");\n\nclass MatrixDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawMatrix)(data);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/matrix/dist/browser/MatrixDrawer.js?\n}");
+
+/***/ },
+
+/***/ "../../shapes/matrix/dist/browser/Utils.js"
+/*!*************************************************!*\
+  !*** ../../shapes/matrix/dist/browser/Utils.js ***!
+  \*************************************************/
+(__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 */   drawMatrix: () => (/* binding */ drawMatrix),\n/* harmony export */   matrixChars: () => (/* binding */ matrixChars)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst matrixChars = [\n    \"\\u30A2\",\n    \"\\u30A4\",\n    \"\\u30A6\",\n    \"\\u30A8\",\n    \"\\u30AA\",\n    \"\\u30AB\",\n    \"\\u30AD\",\n    \"\\u30AF\",\n    \"\\u30B1\",\n    \"\\u30B3\",\n    \"\\u30B5\",\n    \"\\u30B7\",\n    \"\\u30B9\",\n    \"\\u30BB\",\n    \"\\u30BD\",\n    \"\\u30BF\",\n    \"\\u30C1\",\n    \"\\u30C4\",\n    \"\\u30C6\",\n    \"\\u30C8\",\n    \"\\u30CA\",\n    \"\\u30CB\",\n    \"\\u30CC\",\n    \"\\u30CD\",\n    \"\\u30CE\",\n    \"\\u30CF\",\n    \"\\u30D2\",\n    \"\\u30D5\",\n    \"\\u30D8\",\n    \"\\u30DB\",\n    \"\\u30DE\",\n    \"\\u30DF\",\n    \"\\u30E0\",\n    \"\\u30E1\",\n    \"\\u30E2\",\n    \"\\u30E4\",\n    \"\\u30E6\",\n    \"\\u30E8\",\n    \"\\u30E9\",\n    \"\\u30EA\",\n    \"\\u30EB\",\n    \"\\u30EC\",\n    \"\\u30ED\",\n    \"\\u30EF\",\n    \"\\u30F2\",\n    \"\\u30F3\",\n    \"\\u30AC\",\n    \"\\u30AE\",\n    \"\\u30B0\",\n    \"\\u30B2\",\n    \"\\u30B4\",\n    \"\\u30B6\",\n    \"\\u30B8\",\n    \"\\u30BA\",\n    \"\\u30BC\",\n    \"\\u30BE\",\n    \"\\u30C0\",\n    \"\\u30C2\",\n    \"\\u30C5\",\n    \"\\u30C7\",\n    \"\\u30C9\",\n    \"\\u30D0\",\n    \"\\u30D3\",\n    \"\\u30D6\",\n    \"\\u30D9\",\n    \"\\u30DC\",\n    \"\\u30D1\",\n    \"\\u30D4\",\n    \"\\u30D7\",\n    \"\\u30DA\",\n    \"\\u30DD\",\n    \"\\u30A1\",\n    \"\\u30A3\",\n    \"\\u30A5\",\n    \"\\u30A7\",\n    \"\\u30A9\",\n    \"\\u30E3\",\n    \"\\u30E5\",\n    \"\\u30E7\",\n    \"\\u30C3\",\n    \"\\u30FC\",\n    \"\\u30F4\",\n    \"0\",\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"5\",\n    \"6\",\n    \"7\",\n    \"8\",\n    \"9\",\n    \"\\uFF10\",\n    \"\\uFF11\",\n    \"\\uFF12\",\n    \"\\uFF13\",\n    \"\\uFF14\",\n    \"\\uFF15\",\n    \"\\uFF16\",\n    \"\\uFF17\",\n    \"\\uFF18\",\n    \"\\uFF19\",\n    \"A\",\n    \"B\",\n    \"C\",\n    \"D\",\n    \"E\",\n    \"F\",\n    \"G\",\n    \"H\",\n    \"I\",\n    \"J\",\n    \"K\",\n    \"L\",\n    \"M\",\n    \"N\",\n    \"O\",\n    \"P\",\n    \"Q\",\n    \"R\",\n    \"S\",\n    \"T\",\n    \"U\",\n    \"V\",\n    \"W\",\n    \"X\",\n    \"Y\",\n    \"Z\",\n    \"\\u65E5\",\n    \"\\u672C\",\n    \"\\u4EBA\",\n    \"\\u5927\",\n    \"\\u4E2D\",\n    \"\\u5C0F\",\n    \"\\u4E0A\",\n    \"\\u4E0B\",\n    \"\\u5DE6\",\n    \"\\u53F3\",\n    \"\\u529B\",\n    \"\\u6642\",\n    \"\\u7A7A\",\n    \"\\u751F\",\n    \"\\u6B7B\",\n    \"\\u7121\",\n    \"\\u6709\",\n    \"!\",\n    \"@\",\n    \"#\",\n    \"$\",\n    \"%\",\n    \"&\",\n    \"*\",\n    \"+\",\n    \"-\",\n    \"=\",\n    \"?\",\n    \"/\",\n    \"\\\\\",\n    \"|\",\n    \"<\",\n    \">\",\n    \"{\",\n    \"}\",\n    \"[\",\n    \"]\",\n    \"(\",\n    \")\"\n];\nconst defaultMinInterval = 100, defaultMaxInterval = 2000, charCache = new WeakMap();\nfunction randomChar() {\n    return matrixChars[Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * matrixChars.length)] ?? \" \";\n}\nfunction randomInterval(minInterval, maxInterval) {\n    return minInterval + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * (maxInterval - minInterval);\n}\nfunction getState(particle, minInterval, maxInterval) {\n    let state = charCache.get(particle);\n    if (!state) {\n        state = {\n            char: randomChar(),\n            elapsed: 0,\n            interval: randomInterval(minInterval, maxInterval)\n        };\n        charCache.set(particle, state);\n    }\n    return state;\n}\nfunction drawMatrix(data) {\n    const { context, radius, particle, delta, fill, stroke } = data, shapeData = particle.shapeData, minInterval = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMin)(shapeData?.interval ?? defaultMinInterval), maxInterval = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(shapeData?.interval ?? defaultMaxInterval), state = getState(particle, minInterval, maxInterval);\n    state.elapsed += delta.value;\n    if (state.elapsed >= state.interval) {\n        state.char = randomChar();\n        state.elapsed -= state.interval;\n        state.interval = randomInterval(minInterval, maxInterval);\n    }\n    const fontSize = Math.round(radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double);\n    context.font = `bold ${fontSize}px \"Courier New\", Courier, monospace`;\n    context.textAlign = \"center\";\n    context.textBaseline = \"middle\";\n    if (fill) {\n        context.fillText(state.char, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    }\n    if (stroke) {\n        context.strokeText(state.char, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/matrix/dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/shapes_matrix_dist_browser_index_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-beta.1
+ */
+"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_all"] = this["webpackChunk_tsparticles_all"] || []).push([["shapes_matrix_dist_browser_index_js"],{
+
+/***/ "../../shapes/matrix/dist/browser/index.js"
+/*!*************************************************!*\
+  !*** ../../shapes/matrix/dist/browser/index.js ***!
+  \*************************************************/
+(__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 */   loadMatrixShape: () => (/* binding */ loadMatrixShape)\n/* harmony export */ });\nasync function loadMatrixShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"matrix\"\n        ], async ()=>{\n            const { MatrixDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_matrix_dist_browser_MatrixDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MatrixDrawer.js */ \"../../shapes/matrix/dist/browser/MatrixDrawer.js\"));\n            return new MatrixDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/matrix/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/shapes_path_dist_browser_PathDrawer_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.8
+ * v4.0.0-beta.1
  */
 "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 */   PathDrawer: () => (/* binding */ PathDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n\n\nclass PathDrawer {\n  constructor() {\n    this.validTypes = [\"path\"];\n  }\n  draw(data) {\n    const {\n      context,\n      particle,\n      radius\n    } = data;\n    if (!particle.pathData) {\n      return;\n    }\n    (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_1__.drawPath)(context, radius, particle.pathData);\n  }\n  particleInit(_container, particle) {\n    const shape = particle.shapeData;\n    if (!shape) {\n      return;\n    }\n    particle.pathData = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, shape);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/path/dist/browser/PathDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PathDrawer: () => (/* binding */ PathDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/path-utils */ \"../../utils/pathUtils/dist/browser/index.js\");\n\n\nclass PathDrawer {\n    draw(data) {\n        const { context, particle, radius } = data;\n        if (!particle.pathData) {\n            return;\n        }\n        (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_1__.drawPath)(context, radius, particle.pathData);\n    }\n    particleInit(_container, particle) {\n        const shape = particle.shapeData;\n        if (!shape) {\n            return;\n        }\n        particle.pathData = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, shape);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/path/dist/browser/PathDrawer.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 */   SegmentType: () => (/* binding */ SegmentType)\n/* harmony export */ });\nvar SegmentType;\n(function (SegmentType) {\n  SegmentType[\"move\"] = \"move\";\n  SegmentType[\"line\"] = \"line\";\n  SegmentType[\"bezier\"] = \"bezier\";\n  SegmentType[\"quadratic\"] = \"quadratic\";\n  SegmentType[\"arc\"] = \"arc\";\n  SegmentType[\"ellipse\"] = \"ellipse\";\n})(SegmentType || (SegmentType = {}));\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/SegmentType.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SegmentType: () => (/* binding */ SegmentType)\n/* harmony export */ });\nvar SegmentType;\n(function(SegmentType) {\n    SegmentType[\"move\"] = \"move\";\n    SegmentType[\"line\"] = \"line\";\n    SegmentType[\"bezier\"] = \"bezier\";\n    SegmentType[\"quadratic\"] = \"quadratic\";\n    SegmentType[\"arc\"] = \"arc\";\n    SegmentType[\"ellipse\"] = \"ellipse\";\n})(SegmentType || (SegmentType = {}));\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/SegmentType.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 */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n\nconst firstIndex = 0,\n  index2 = 1,\n  index3 = 2,\n  index4 = 3;\nfunction drawPath(ctx, radius, path) {\n  const firstSegment = path.segments[firstIndex];\n  if (!firstSegment) {\n    return;\n  }\n  const firstValue = firstSegment.values[firstIndex];\n  if (!firstValue) {\n    return;\n  }\n  ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n  for (const segment of path.segments) {\n    const value = segment.values[firstIndex];\n    if (!value) {\n      continue;\n    }\n    const segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3],\n      segmentValue4 = segment.values[index4];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.move:\n        ctx.moveTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        ctx.lineTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          continue;\n        }\n        ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          continue;\n        }\n        ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n        if (!segmentValue2 || !segmentValue3) {\n          continue;\n        }\n        ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          continue;\n        }\n        ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n        break;\n    }\n  }\n  if (!path.half) {\n    return;\n  }\n  const lengthOffset = 1,\n    minLength = 0;\n  for (let i = path.segments.length - lengthOffset; i >= minLength; i--) {\n    const segment = path.segments[i];\n    if (!segment) {\n      continue;\n    }\n    const value = segment.values[firstIndex],\n      index2 = 1,\n      index3 = 2,\n      segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        if (!value) {\n          break;\n        }\n        ctx.lineTo(value.x * -radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!value || !segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, -value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n      default:\n        break;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n\nconst firstIndex = 0, index2 = 1, index3 = 2, index4 = 3;\nfunction drawPath(ctx, radius, path) {\n    const firstSegment = path.segments[firstIndex];\n    if (!firstSegment) {\n        return;\n    }\n    const firstValue = firstSegment.values[firstIndex];\n    if (!firstValue) {\n        return;\n    }\n    ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n    for (const segment of path.segments){\n        const value = segment.values[firstIndex];\n        if (!value) {\n            continue;\n        }\n        const segmentValue2 = segment.values[index2], segmentValue3 = segment.values[index3], segmentValue4 = segment.values[index4];\n        switch(segment.type){\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.move:\n                ctx.moveTo(value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n                ctx.lineTo(value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n                if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n                    continue;\n                }\n                ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n                if (!segmentValue2 || !segmentValue3) {\n                    continue;\n                }\n                ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n                if (!segmentValue2 || !segmentValue3) {\n                    continue;\n                }\n                ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n                if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n                    continue;\n                }\n                ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n                break;\n        }\n    }\n    if (!path.half) {\n        return;\n    }\n    const lengthOffset = 1, minLength = 0;\n    for(let i = path.segments.length - lengthOffset; i >= minLength; i--){\n        const segment = path.segments[i];\n        if (!segment) {\n            continue;\n        }\n        const value = segment.values[firstIndex], index2 = 1, index3 = 2, segmentValue2 = segment.values[index2], segmentValue3 = segment.values[index3];\n        switch(segment.type){\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n                if (!value) {\n                    break;\n                }\n                ctx.lineTo(value.x * -radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n                if (!value || !segmentValue2 || !segmentValue3) {\n                    break;\n                }\n                ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, -value.x * radius, value.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n                if (!segmentValue2 || !segmentValue3) {\n                    break;\n                }\n                ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n                break;\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n            case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n            default:\n                break;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/Utils.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 */   SegmentType: () => (/* reexport safe */ _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType),\n/* harmony export */   drawPath: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/pathUtils/dist/browser/Utils.js\");\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SegmentType: () => (/* reexport safe */ _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType),\n/* harmony export */   drawPath: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"../../utils/pathUtils/dist/browser/SegmentType.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/pathUtils/dist/browser/Utils.js\");\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../utils/pathUtils/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_path_dist_browser_index_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.8
+ * v4.0.0-beta.1
  */
 "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 */   loadPathShape: () => (/* binding */ loadPathShape)\n/* harmony export */ });\nasync function loadPathShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      PathDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_path_dist_browser_PathDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PathDrawer.js */ \"../../shapes/path/dist/browser/PathDrawer.js\"));\n    e.addShape(new PathDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/path/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadPathShape: () => (/* binding */ loadPathShape)\n/* harmony export */ });\nasync function loadPathShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"path\"\n        ], async ()=>{\n            const { PathDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_path_dist_browser_PathDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PathDrawer.js */ \"../../shapes/path/dist/browser/PathDrawer.js\"));\n            return new PathDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/path/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_polygon_dist_browser_PolygonDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.1
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawer: () => (/* binding */ PolygonDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"../../shapes/polygon/dist/browser/PolygonDrawerBase.js\");\n\nconst sidesCenterFactor = 3.5,\n  yFactor = 2.66,\n  sidesFactor = 3;\nclass PolygonDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n  constructor() {\n    super(...arguments);\n    this.validTypes = [\"polygon\"];\n  }\n  getCenter(particle, radius) {\n    return {\n      x: -radius / (particle.sides / sidesCenterFactor),\n      y: -radius / (yFactor / sidesCenterFactor)\n    };\n  }\n  getSidesData(particle, radius) {\n    const sides = particle.sides;\n    return {\n      count: {\n        denominator: 1,\n        numerator: sides\n      },\n      length: radius * yFactor / (sides / sidesFactor)\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawer: () => (/* binding */ PolygonDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"../../shapes/polygon/dist/browser/PolygonDrawerBase.js\");\n\nconst yFactor = 2.66, sidesFactor = 3;\nclass PolygonDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n    getSidesData(particle, radius) {\n        const { sides } = particle;\n        return {\n            count: {\n                denominator: 1,\n                numerator: sides\n            },\n            length: radius * yFactor / (sides / sidesFactor)\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawer.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n  draw(data) {\n    const {\n        particle,\n        radius\n      } = data,\n      start = this.getCenter(particle, radius),\n      side = this.getSidesData(particle, radius);\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, start, side);\n  }\n  getSidesCount(particle) {\n    const polygon = particle.shapeData;\n    return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawerBase.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n    draw(data) {\n        const { particle, radius } = data, side = this.getSidesData(particle, radius);\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, side);\n    }\n    getSidesCount(particle) {\n        const polygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawerBase.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst piDeg = 180,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n  const {\n      context\n    } = data,\n    sideCount = side.count.numerator * side.count.denominator,\n    decimalSides = side.count.numerator / side.count.denominator,\n    interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides,\n    interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n  context.beginPath();\n  context.translate(start.x, start.y);\n  context.moveTo(origin.x, origin.y);\n  for (let i = 0; i < sideCount; i++) {\n    context.lineTo(side.length, origin.y);\n    context.translate(side.length, origin.y);\n    context.rotate(interiorAngle);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst polygonCache = new Map(), noOffset = 0;\nfunction getUnitPolygon(sides) {\n    const cached = polygonCache.get(sides);\n    if (cached) {\n        return cached;\n    }\n    const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides, isOdd = !!(sides % _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double), baseAngle = (-Math.PI + (isOdd ? noOffset : step)) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, verts = [];\n    for(let i = 0; i < sides; i++){\n        const angle = baseAngle + i * step;\n        verts[i] = {\n            x: Math.cos(angle),\n            y: Math.sin(angle)\n        };\n    }\n    polygonCache.set(sides, verts);\n    return verts;\n}\nfunction drawPolygon(data, side) {\n    const { context, radius } = data, sides = side.count.numerator / side.count.denominator, verts = getUnitPolygon(sides);\n    context.beginPath();\n    for(let i = 0; i < verts.length; i++){\n        const vert = verts[i];\n        if (!vert) {\n            continue;\n        }\n        const x = vert.x * radius, y = vert.y * radius;\n        if (i) {\n            context.lineTo(x, y);\n        } else {\n            context.moveTo(x, y);\n        }\n    }\n    context.closePath();\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_polygon_dist_browser_TriangleDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.1
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n  draw(data) {\n    const {\n        particle,\n        radius\n      } = data,\n      start = this.getCenter(particle, radius),\n      side = this.getSidesData(particle, radius);\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, start, side);\n  }\n  getSidesCount(particle) {\n    const polygon = particle.shapeData;\n    return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawerBase.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n    draw(data) {\n        const { particle, radius } = data, side = this.getSidesData(particle, radius);\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, side);\n    }\n    getSidesCount(particle) {\n        const polygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/PolygonDrawerBase.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TriangleDrawer: () => (/* binding */ TriangleDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"../../shapes/polygon/dist/browser/PolygonDrawerBase.js\");\n\n\nconst yFactor = 1.66,\n  sides = 3;\nclass TriangleDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_1__.PolygonDrawerBase {\n  constructor() {\n    super(...arguments);\n    this.validTypes = [\"triangle\"];\n  }\n  getCenter(_particle, radius) {\n    return {\n      x: -radius,\n      y: radius / yFactor\n    };\n  }\n  getSidesCount() {\n    return sides;\n  }\n  getSidesData(_particle, radius) {\n    const diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n    return {\n      count: {\n        denominator: 2,\n        numerator: 3\n      },\n      length: diameter\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/TriangleDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TriangleDrawer: () => (/* binding */ TriangleDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"../../shapes/polygon/dist/browser/PolygonDrawerBase.js\");\n\nconst sides = 3, yFactor = 2.66, sidesFactor = 3;\nclass TriangleDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n    getSidesCount() {\n        return sides;\n    }\n    getSidesData(_particle, radius) {\n        return {\n            count: {\n                denominator: 1,\n                numerator: sides\n            },\n            length: radius * yFactor / (sides / sidesFactor)\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/TriangleDrawer.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst piDeg = 180,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n  const {\n      context\n    } = data,\n    sideCount = side.count.numerator * side.count.denominator,\n    decimalSides = side.count.numerator / side.count.denominator,\n    interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides,\n    interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n  context.beginPath();\n  context.translate(start.x, start.y);\n  context.moveTo(origin.x, origin.y);\n  for (let i = 0; i < sideCount; i++) {\n    context.lineTo(side.length, origin.y);\n    context.translate(side.length, origin.y);\n    context.rotate(interiorAngle);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst polygonCache = new Map(), noOffset = 0;\nfunction getUnitPolygon(sides) {\n    const cached = polygonCache.get(sides);\n    if (cached) {\n        return cached;\n    }\n    const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides, isOdd = !!(sides % _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double), baseAngle = (-Math.PI + (isOdd ? noOffset : step)) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, verts = [];\n    for(let i = 0; i < sides; i++){\n        const angle = baseAngle + i * step;\n        verts[i] = {\n            x: Math.cos(angle),\n            y: Math.sin(angle)\n        };\n    }\n    polygonCache.set(sides, verts);\n    return verts;\n}\nfunction drawPolygon(data, side) {\n    const { context, radius } = data, sides = side.count.numerator / side.count.denominator, verts = getUnitPolygon(sides);\n    context.beginPath();\n    for(let i = 0; i < verts.length; i++){\n        const vert = verts[i];\n        if (!vert) {\n            continue;\n        }\n        const x = vert.x * radius, y = vert.y * radius;\n        if (i) {\n            context.lineTo(x, y);\n        } else {\n            context.moveTo(x, y);\n        }\n    }\n    context.closePath();\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_polygon_dist_browser_index_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.8
+ * v4.0.0-beta.1
  */
 "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 */   loadGenericPolygonShape: () => (/* binding */ loadGenericPolygonShape),\n/* harmony export */   loadPolygonShape: () => (/* binding */ loadPolygonShape),\n/* harmony export */   loadTriangleShape: () => (/* binding */ loadTriangleShape)\n/* harmony export */ });\nasync function loadGenericPolygonShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      PolygonDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_polygon_dist_browser_PolygonDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonDrawer.js */ \"../../shapes/polygon/dist/browser/PolygonDrawer.js\"));\n    e.addShape(new PolygonDrawer());\n  });\n}\nasync function loadTriangleShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      TriangleDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_polygon_dist_browser_TriangleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TriangleDrawer.js */ \"../../shapes/polygon/dist/browser/TriangleDrawer.js\"));\n    e.addShape(new TriangleDrawer());\n  });\n}\nasync function loadPolygonShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    await loadGenericPolygonShape(e);\n    await loadTriangleShape(e);\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadGenericPolygonShape: () => (/* binding */ loadGenericPolygonShape),\n/* harmony export */   loadPolygonShape: () => (/* binding */ loadPolygonShape),\n/* harmony export */   loadTriangleShape: () => (/* binding */ loadTriangleShape)\n/* harmony export */ });\nasync function loadGenericPolygonShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"polygon\"\n        ], async ()=>{\n            const { PolygonDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_polygon_dist_browser_PolygonDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonDrawer.js */ \"../../shapes/polygon/dist/browser/PolygonDrawer.js\"));\n            return new PolygonDrawer();\n        });\n    });\n}\nasync function loadTriangleShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"triangle\"\n        ], async ()=>{\n            const { TriangleDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_polygon_dist_browser_TriangleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TriangleDrawer.js */ \"../../shapes/polygon/dist/browser/TriangleDrawer.js\"));\n            return new TriangleDrawer();\n        });\n    });\n}\nasync function loadPolygonShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await Promise.all([\n        loadGenericPolygonShape(engine),\n        loadTriangleShape(engine)\n    ]);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/polygon/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_rounded-polygon_dist_browser_RoundedPolygonDrawer_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.8
+ * v4.0.0-beta.1
  */
 "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 */   RoundedPolygonDrawer: () => (/* binding */ RoundedPolygonDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/rounded-polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5,\n  defaultRadius = 5;\nclass RoundedPolygonDrawer {\n  constructor() {\n    this.validTypes = [\"rounded-polygon\"];\n  }\n  draw(data) {\n    const {\n      context,\n      particle,\n      radius\n    } = data;\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.roundedPath)(context, (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.polygon)(particle.sides, radius), particle.borderRadius ?? defaultRadius);\n  }\n  getSidesCount(particle) {\n    const roundedPolygon = particle.shapeData;\n    return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(roundedPolygon?.sides ?? defaultSides));\n  }\n  particleInit(container, particle) {\n    const shapeData = particle.shapeData;\n    particle.borderRadius = Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/RoundedPolygonDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   RoundedPolygonDrawer: () => (/* binding */ RoundedPolygonDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/rounded-polygon/dist/browser/Utils.js\");\n\n\nconst defaultSides = 5, defaultRadius = 5;\nclass RoundedPolygonDrawer {\n    draw(data) {\n        const { context, particle, radius } = data;\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.roundedPath)(context, (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.polygon)(particle.sides, radius), particle.borderRadius ?? defaultRadius);\n    }\n    getSidesCount(particle) {\n        const roundedPolygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(roundedPolygon?.sides ?? defaultSides));\n    }\n    particleInit(container, particle) {\n        const shapeData = particle.shapeData;\n        particle.borderRadius = Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/RoundedPolygonDrawer.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 */   polygon: () => (/* binding */ polygon),\n/* harmony export */   roundedPath: () => (/* binding */ roundedPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultRotation = 0;\nfunction polygon(sides, radius, rot = defaultRotation) {\n  const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides,\n    path = [];\n  for (let i = 0; i < sides; i++) {\n    path.push({\n      x: Math.cos(i * step + rot) * radius,\n      y: Math.sin(i * step + rot) * radius\n    });\n  }\n  return path;\n}\nfunction roundedPath(context, path, radius) {\n  const index1 = 0,\n    index2 = 1,\n    increment = 1;\n  let p1 = path[index1],\n    p2 = path[index2];\n  if (!p1 || !p2) {\n    return;\n  }\n  const len = path.length;\n  context.moveTo((p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  for (let i = 1; i <= len; i++) {\n    p1 = p2;\n    p2 = path[(i + increment) % len];\n    if (!p1 || !p2) {\n      continue;\n    }\n    context.arcTo(p1.x, p1.y, (p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, radius);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   polygon: () => (/* binding */ polygon),\n/* harmony export */   roundedPath: () => (/* binding */ roundedPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultRotation = 0;\nfunction polygon(sides, radius, rot = defaultRotation) {\n    const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides, path = [];\n    for(let i = 0; i < sides; i++){\n        path.push({\n            x: Math.cos(i * step + rot) * radius,\n            y: Math.sin(i * step + rot) * radius\n        });\n    }\n    return path;\n}\nfunction roundedPath(context, path, radius) {\n    const index1 = 0, index2 = 1, increment = 1;\n    let p1 = path[index1], p2 = path[index2];\n    if (!p1 || !p2) {\n        return;\n    }\n    const len = path.length;\n    context.moveTo((p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    for(let i = 1; i <= len; i++){\n        p1 = p2;\n        p2 = path[(i + increment) % len];\n        if (!p1 || !p2) {\n            continue;\n        }\n        context.arcTo(p1.x, p1.y, (p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, radius);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_rounded-polygon_dist_browser_index_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.8
+ * v4.0.0-beta.1
  */
 "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 */   loadRoundedPolygonShape: () => (/* binding */ loadRoundedPolygonShape)\n/* harmony export */ });\nasync function loadRoundedPolygonShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      RoundedPolygonDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_rounded-polygon_dist_browser_RoundedPolygonDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RoundedPolygonDrawer.js */ \"../../shapes/rounded-polygon/dist/browser/RoundedPolygonDrawer.js\"));\n    e.addShape(new RoundedPolygonDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadRoundedPolygonShape: () => (/* binding */ loadRoundedPolygonShape)\n/* harmony export */ });\nasync function loadRoundedPolygonShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"rounded-polygon\"\n        ], async ()=>{\n            const { RoundedPolygonDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_rounded-polygon_dist_browser_RoundedPolygonDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RoundedPolygonDrawer.js */ \"../../shapes/rounded-polygon/dist/browser/RoundedPolygonDrawer.js\"));\n            return new RoundedPolygonDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-polygon/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_rounded-rect_dist_browser_RoundedRectDrawer_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.8
+ * v4.0.0-beta.1
  */
 "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 */   RoundedRectDrawer: () => (/* binding */ RoundedRectDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/rounded-rect/dist/browser/Utils.js\");\n\n\nconst fixFactorSquare = 2,\n  fixFactor = Math.sqrt(fixFactorSquare),\n  defaultRadius = 5;\nclass RoundedRectDrawer {\n  constructor() {\n    this.validTypes = [\"rounded-rect\"];\n  }\n  draw(data) {\n    const {\n        context,\n        particle,\n        radius\n      } = data,\n      fixedRadius = radius / fixFactor,\n      fixedDiameter = fixedRadius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n      borderRadius = particle.borderRadius ?? defaultRadius;\n    if (\"roundRect\" in context) {\n      context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);\n    } else {\n      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedRect)(context, fixedRadius, fixedDiameter, borderRadius);\n    }\n  }\n  particleInit(container, particle) {\n    const shapeData = particle.shapeData;\n    particle.borderRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/RoundedRectDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   RoundedRectDrawer: () => (/* binding */ RoundedRectDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/rounded-rect/dist/browser/Utils.js\");\n\n\nconst defaultRadius = 5;\nclass RoundedRectDrawer {\n    draw(data) {\n        const { context, particle, radius } = data, fixedRadius = radius * Math.SQRT1_2, fixedDiameter = fixedRadius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, borderRadius = particle.borderRadius ?? defaultRadius;\n        if (\"roundRect\" in context) {\n            context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);\n        } else {\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedRect)(context, fixedRadius, fixedDiameter, borderRadius);\n        }\n    }\n    particleInit(container, particle) {\n        const shapeData = particle.shapeData;\n        particle.borderRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/RoundedRectDrawer.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 */   drawRoundedRect: () => (/* binding */ drawRoundedRect)\n/* harmony export */ });\nfunction drawRoundedRect(ctx, fixedRadius, fixedDiameter, borderRadius) {\n  const info = {\n      x: -fixedRadius,\n      y: -fixedRadius,\n      height: fixedDiameter,\n      width: fixedDiameter\n    },\n    radius = {\n      topLeft: borderRadius,\n      topRight: borderRadius,\n      bottomLeft: borderRadius,\n      bottomRight: borderRadius\n    },\n    {\n      x,\n      y,\n      width,\n      height\n    } = info,\n    r = x + width,\n    b = y + height;\n  ctx.moveTo(x + radius.topLeft, y);\n  ctx.lineTo(r - radius.topRight, y);\n  ctx.quadraticCurveTo(r, y, r, y + radius.topRight);\n  ctx.lineTo(r, y + height - radius.bottomRight);\n  ctx.quadraticCurveTo(r, b, r - radius.bottomRight, b);\n  ctx.lineTo(x + radius.bottomLeft, b);\n  ctx.quadraticCurveTo(x, b, x, b - radius.bottomLeft);\n  ctx.lineTo(x, y + radius.topLeft);\n  ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawRoundedRect: () => (/* binding */ drawRoundedRect)\n/* harmony export */ });\nfunction drawRoundedRect(ctx, fixedRadius, fixedDiameter, borderRadius) {\n    const info = {\n        x: -fixedRadius,\n        y: -fixedRadius,\n        height: fixedDiameter,\n        width: fixedDiameter\n    }, radius = {\n        topLeft: borderRadius,\n        topRight: borderRadius,\n        bottomLeft: borderRadius,\n        bottomRight: borderRadius\n    }, { x, y, width, height } = info, r = x + width, b = y + height;\n    ctx.moveTo(x + radius.topLeft, y);\n    ctx.lineTo(r - radius.topRight, y);\n    ctx.quadraticCurveTo(r, y, r, y + radius.topRight);\n    ctx.lineTo(r, y + height - radius.bottomRight);\n    ctx.quadraticCurveTo(r, b, r - radius.bottomRight, b);\n    ctx.lineTo(x + radius.bottomLeft, b);\n    ctx.quadraticCurveTo(x, b, x, b - radius.bottomLeft);\n    ctx.lineTo(x, y + radius.topLeft);\n    ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_rounded-rect_dist_browser_index_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.8
+ * v4.0.0-beta.1
  */
 "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 */   loadRoundedRectShape: () => (/* binding */ loadRoundedRectShape)\n/* harmony export */ });\nasync function loadRoundedRectShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      RoundedRectDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_rounded-rect_dist_browser_RoundedRectDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RoundedRectDrawer.js */ \"../../shapes/rounded-rect/dist/browser/RoundedRectDrawer.js\"));\n    e.addShape(new RoundedRectDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadRoundedRectShape: () => (/* binding */ loadRoundedRectShape)\n/* harmony export */ });\nasync function loadRoundedRectShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"rounded-rect\"\n        ], async ()=>{\n            const { RoundedRectDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_rounded-rect_dist_browser_RoundedRectDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RoundedRectDrawer.js */ \"../../shapes/rounded-rect/dist/browser/RoundedRectDrawer.js\"));\n            return new RoundedRectDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/rounded-rect/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_spiral_dist_browser_SpiralDrawer_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.8
+ * v4.0.0-beta.1
  */
 "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 */   SpiralDrawer: () => (/* binding */ SpiralDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/spiral/dist/browser/Utils.js\");\n\n\nconst defaultInnerRadius = 1,\n  defaultLineSpacing = 1,\n  defaultWidthFactor = 10;\nclass SpiralDrawer {\n  constructor() {\n    this.validTypes = [\"spiral\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawSpiral)(data);\n  }\n  particleInit(container, particle) {\n    const pixelRatio = container.retina.pixelRatio,\n      shapeData = particle.shapeData;\n    particle.spiralInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius) * pixelRatio;\n    particle.spiralLineSpacing = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.lineSpacing ?? defaultLineSpacing) * pixelRatio;\n    particle.spiralWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.widthFactor ?? defaultWidthFactor);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/SpiralDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SpiralDrawer: () => (/* binding */ SpiralDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/spiral/dist/browser/Utils.js\");\n\n\nconst defaultInnerRadius = 1, defaultLineSpacing = 1, defaultWidthFactor = 10;\nclass SpiralDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawSpiral)(data);\n    }\n    particleInit(container, particle) {\n        const pixelRatio = container.retina.pixelRatio, shapeData = particle.shapeData;\n        particle.spiralInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius) * pixelRatio;\n        particle.spiralLineSpacing = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.lineSpacing ?? defaultLineSpacing) * pixelRatio;\n        particle.spiralWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.widthFactor ?? defaultWidthFactor);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/SpiralDrawer.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 */   drawSpiral: () => (/* binding */ drawSpiral)\n/* harmony export */ });\nfunction drawSpiral(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.spiralInnerRadius === undefined || particle.spiralLineSpacing === undefined || particle.spiralWidthFactor === undefined) {\n    return;\n  }\n  const realWidth = (radius - particle.spiralInnerRadius) / particle.spiralLineSpacing,\n    widthFactor = 10;\n  for (let i = 0; i < realWidth * widthFactor; i++) {\n    const angle = i / widthFactor,\n      factor = particle.spiralInnerRadius + particle.spiralLineSpacing * angle,\n      pos = {\n        x: factor * Math.cos(angle),\n        y: factor * Math.sin(angle)\n      };\n    context.lineTo(pos.x, pos.y);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawSpiral: () => (/* binding */ drawSpiral)\n/* harmony export */ });\nfunction drawSpiral(data) {\n    const { context, particle, radius } = data;\n    if (particle.spiralInnerRadius === undefined || particle.spiralLineSpacing === undefined || particle.spiralWidthFactor === undefined) {\n        return;\n    }\n    const realWidth = (radius - particle.spiralInnerRadius) / particle.spiralLineSpacing, widthFactor = 10;\n    for(let i = 0; i < realWidth * widthFactor; i++){\n        const angle = i / widthFactor, factor = particle.spiralInnerRadius + particle.spiralLineSpacing * angle, pos = {\n            x: factor * Math.cos(angle),\n            y: factor * Math.sin(angle)\n        };\n        context.lineTo(pos.x, pos.y);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_spiral_dist_browser_index_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.8
+ * v4.0.0-beta.1
  */
 "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 */   loadSpiralShape: () => (/* binding */ loadSpiralShape)\n/* harmony export */ });\nasync function loadSpiralShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      SpiralDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_spiral_dist_browser_SpiralDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SpiralDrawer.js */ \"../../shapes/spiral/dist/browser/SpiralDrawer.js\"));\n    e.addShape(new SpiralDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSpiralShape: () => (/* binding */ loadSpiralShape)\n/* harmony export */ });\nasync function loadSpiralShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"spiral\"\n        ], async ()=>{\n            const { SpiralDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_spiral_dist_browser_SpiralDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SpiralDrawer.js */ \"../../shapes/spiral/dist/browser/SpiralDrawer.js\"));\n            return new SpiralDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/spiral/dist/browser/index.js?\n}");
 
 /***/ }
 

package/shapes_square_dist_browser_SquareDrawer_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.8
+ * v4.0.0-beta.1
  */
 "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 */   SquareDrawer: () => (/* binding */ SquareDrawer)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/square/dist/browser/Utils.js\");\n\nconst sides = 4;\nclass SquareDrawer {\n  constructor() {\n    this.validTypes = [\"edge\", \"square\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawSquare)(data);\n  }\n  getSidesCount() {\n    return sides;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/SquareDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SquareDrawer: () => (/* binding */ SquareDrawer)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../shapes/square/dist/browser/Utils.js\");\n\nconst sides = 4;\nclass SquareDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawSquare)(data);\n    }\n    getSidesCount() {\n        return sides;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/SquareDrawer.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 */   drawSquare: () => (/* binding */ drawSquare)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst fixFactorSquared = 2,\n  fixFactor = Math.sqrt(fixFactorSquared);\nfunction drawSquare(data) {\n  const {\n      context,\n      radius\n    } = data,\n    fixedRadius = radius / fixFactor,\n    fixedDiameter = fixedRadius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n  context.rect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter);\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawSquare: () => (/* binding */ drawSquare)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction drawSquare(data) {\n    const { context, radius } = data, fixedRadius = radius * Math.SQRT1_2, fixedDiameter = fixedRadius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n    context.rect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/shapes_square_dist_browser_index_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.8
+ * v4.0.0-beta.1
  */
 "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 */   loadSquareShape: () => (/* binding */ loadSquareShape)\n/* harmony export */ });\nasync function loadSquareShape(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      SquareDrawer\n    } = await __webpack_require__.e(/*! import() */ \"shapes_square_dist_browser_SquareDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SquareDrawer.js */ \"../../shapes/square/dist/browser/SquareDrawer.js\"));\n    e.addShape(new SquareDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSquareShape: () => (/* binding */ loadSquareShape)\n/* harmony export */ });\nasync function loadSquareShape(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addShape([\n            \"edge\",\n            \"square\"\n        ], async ()=>{\n            const { SquareDrawer } = await __webpack_require__.e(/*! import() */ \"shapes_square_dist_browser_SquareDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SquareDrawer.js */ \"../../shapes/square/dist/browser/SquareDrawer.js\"));\n            return new SquareDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../shapes/square/dist/browser/index.js?\n}");
 
 /***/ }