@tsparticles/shape-arrow 3.0.2 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/browser/ArrowDrawer.js +18 -14
  2. package/cjs/ArrowDrawer.js +17 -13
  3. package/esm/ArrowDrawer.js +18 -14
  4. package/package.json +2 -2
  5. package/report.html +2 -2
  6. package/tsparticles.shape.arrow.js +26 -17
  7. package/tsparticles.shape.arrow.min.js +1 -1
  8. package/tsparticles.shape.arrow.min.js.LICENSE.txt +1 -1
  9. package/umd/ArrowDrawer.js +17 -13
package/browser/ArrowDrawer.js CHANGED
@@ -1,21 +1,25 @@
1
- import { getRangeValue } from "@tsparticles/engine";
1
+ import { getRangeValue, } from "@tsparticles/engine";
2
+ const double = 2, defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5, half = 0.5, origin = {
3
+ x: 0,
4
+ y: 0,
5
+ };
2
6
  export class ArrowDrawer {
3
7
  draw(data) {
4
- const { context, particle, radius } = data, width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
5
- context.moveTo(-width / 2, 0);
6
- context.lineTo(-width / 2, -bodyHeight / 2);
7
- context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
8
- context.lineTo(width / 2 - headWidth, -height / 2);
9
- context.lineTo(width / 2 + headWidth, 0);
10
- context.lineTo(width / 2 - headWidth, height / 2);
11
- context.lineTo(width / 2 - headWidth, bodyHeight / 2);
12
- context.lineTo(-width / 2, bodyHeight / 2);
13
- context.lineTo(-width / 2, 0);
8
+ const { context, particle, radius } = data, width = radius * double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
9
+ context.moveTo(-width * half, origin.y);
10
+ context.lineTo(-width * half, -bodyHeight * half);
11
+ context.lineTo(width * half - headWidth, -bodyHeight * half);
12
+ context.lineTo(width * half - headWidth, -height * half);
13
+ context.lineTo(width * half + headWidth, origin.y);
14
+ context.lineTo(width * half - headWidth, height * half);
15
+ context.lineTo(width * half - headWidth, bodyHeight * half);
16
+ context.lineTo(-width * half, bodyHeight * half);
17
+ context.lineTo(-width * half, origin.y);
14
18
  }
15
19
  particleInit(container, particle) {
16
20
  const shapeData = particle.shapeData;
17
- particle.heightFactor = getRangeValue(shapeData?.heightFactor ?? 0.5);
18
- particle.headWidthFactor = getRangeValue(shapeData?.headWidthFactor ?? 0.2);
19
- particle.bodyHeightFactor = getRangeValue(shapeData?.bodyHeightFactor ?? 0.5);
21
+ particle.heightFactor = getRangeValue(shapeData?.heightFactor ?? defaultHeightFactor);
22
+ particle.headWidthFactor = getRangeValue(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);
23
+ particle.bodyHeightFactor = getRangeValue(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);
20
24
  }
21
25
  }
package/cjs/ArrowDrawer.js CHANGED
@@ -2,24 +2,28 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ArrowDrawer = void 0;
4
4
  const engine_1 = require("@tsparticles/engine");
5
+ const double = 2, defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5, half = 0.5, origin = {
6
+ x: 0,
7
+ y: 0,
8
+ };
5
9
  class ArrowDrawer {
6
10
  draw(data) {
7
- const { context, particle, radius } = data, width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
8
- context.moveTo(-width / 2, 0);
9
- context.lineTo(-width / 2, -bodyHeight / 2);
10
- context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
11
- context.lineTo(width / 2 - headWidth, -height / 2);
12
- context.lineTo(width / 2 + headWidth, 0);
13
- context.lineTo(width / 2 - headWidth, height / 2);
14
- context.lineTo(width / 2 - headWidth, bodyHeight / 2);
15
- context.lineTo(-width / 2, bodyHeight / 2);
16
- context.lineTo(-width / 2, 0);
11
+ const { context, particle, radius } = data, width = radius * double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
12
+ context.moveTo(-width * half, origin.y);
13
+ context.lineTo(-width * half, -bodyHeight * half);
14
+ context.lineTo(width * half - headWidth, -bodyHeight * half);
15
+ context.lineTo(width * half - headWidth, -height * half);
16
+ context.lineTo(width * half + headWidth, origin.y);
17
+ context.lineTo(width * half - headWidth, height * half);
18
+ context.lineTo(width * half - headWidth, bodyHeight * half);
19
+ context.lineTo(-width * half, bodyHeight * half);
20
+ context.lineTo(-width * half, origin.y);
17
21
  }
18
22
  particleInit(container, particle) {
19
23
  const shapeData = particle.shapeData;
20
- particle.heightFactor = (0, engine_1.getRangeValue)(shapeData?.heightFactor ?? 0.5);
21
- particle.headWidthFactor = (0, engine_1.getRangeValue)(shapeData?.headWidthFactor ?? 0.2);
22
- particle.bodyHeightFactor = (0, engine_1.getRangeValue)(shapeData?.bodyHeightFactor ?? 0.5);
24
+ particle.heightFactor = (0, engine_1.getRangeValue)(shapeData?.heightFactor ?? defaultHeightFactor);
25
+ particle.headWidthFactor = (0, engine_1.getRangeValue)(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);
26
+ particle.bodyHeightFactor = (0, engine_1.getRangeValue)(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);
23
27
  }
24
28
  }
25
29
  exports.ArrowDrawer = ArrowDrawer;
package/esm/ArrowDrawer.js CHANGED
@@ -1,21 +1,25 @@
1
- import { getRangeValue } from "@tsparticles/engine";
1
+ import { getRangeValue, } from "@tsparticles/engine";
2
+ const double = 2, defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5, half = 0.5, origin = {
3
+ x: 0,
4
+ y: 0,
5
+ };
2
6
  export class ArrowDrawer {
3
7
  draw(data) {
4
- const { context, particle, radius } = data, width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
5
- context.moveTo(-width / 2, 0);
6
- context.lineTo(-width / 2, -bodyHeight / 2);
7
- context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
8
- context.lineTo(width / 2 - headWidth, -height / 2);
9
- context.lineTo(width / 2 + headWidth, 0);
10
- context.lineTo(width / 2 - headWidth, height / 2);
11
- context.lineTo(width / 2 - headWidth, bodyHeight / 2);
12
- context.lineTo(-width / 2, bodyHeight / 2);
13
- context.lineTo(-width / 2, 0);
8
+ const { context, particle, radius } = data, width = radius * double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
9
+ context.moveTo(-width * half, origin.y);
10
+ context.lineTo(-width * half, -bodyHeight * half);
11
+ context.lineTo(width * half - headWidth, -bodyHeight * half);
12
+ context.lineTo(width * half - headWidth, -height * half);
13
+ context.lineTo(width * half + headWidth, origin.y);
14
+ context.lineTo(width * half - headWidth, height * half);
15
+ context.lineTo(width * half - headWidth, bodyHeight * half);
16
+ context.lineTo(-width * half, bodyHeight * half);
17
+ context.lineTo(-width * half, origin.y);
14
18
  }
15
19
  particleInit(container, particle) {
16
20
  const shapeData = particle.shapeData;
17
- particle.heightFactor = getRangeValue(shapeData?.heightFactor ?? 0.5);
18
- particle.headWidthFactor = getRangeValue(shapeData?.headWidthFactor ?? 0.2);
19
- particle.bodyHeightFactor = getRangeValue(shapeData?.bodyHeightFactor ?? 0.5);
21
+ particle.heightFactor = getRangeValue(shapeData?.heightFactor ?? defaultHeightFactor);
22
+ particle.headWidthFactor = getRangeValue(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);
23
+ particle.bodyHeightFactor = getRangeValue(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);
20
24
  }
21
25
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/shape-arrow",
3
- "version": "3.0.2",
3
+ "version": "3.1.0",
4
4
  "description": "tsParticles arrow shape",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -100,7 +100,7 @@
100
100
  "./package.json": "./package.json"
101
101
  },
102
102
  "dependencies": {
103
- "@tsparticles/engine": "^3.0.2"
103
+ "@tsparticles/engine": "^3.1.0"
104
104
  },
105
105
  "publishConfig": {
106
106
  "access": "public"
package/report.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
- <title>@tsparticles/shape-arrow [6 Dec 2023 at 17:43]</title>
6
+ <title>@tsparticles/shape-arrow [13 Jan 2024 at 23:05]</title>
7
7
  <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" />
8
8
 
9
9
  <script>
@@ -31,7 +31,7 @@
31
31
  <body>
32
32
  <div id="app"></div>
33
33
  <script>
34
- window.chartData = [{"label":"tsparticles.shape.arrow.js","isAsset":true,"statSize":1479,"parsedSize":5323,"gzipSize":1644,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":1437,"groups":[{"id":979,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":1437,"parsedSize":5323,"gzipSize":1644,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":1437,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":174,"parsedSize":644,"gzipSize":199,"inaccurateSizes":true},{"id":null,"label":"ArrowDrawer.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/ArrowDrawer.js","statSize":1263,"parsedSize":4678,"gzipSize":1444,"inaccurateSizes":true}],"parsedSize":5323,"gzipSize":1644,"inaccurateSizes":true}]}],"parsedSize":5323,"gzipSize":1644},{"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}],"isInitialByEntrypoint":{"tsparticles.shape.arrow":true}}];
34
+ window.chartData = [{"label":"tsparticles.shape.arrow.js","isAsset":true,"statSize":1823,"parsedSize":5691,"gzipSize":1716,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":1781,"groups":[{"id":386,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":1781,"parsedSize":5691,"gzipSize":1716,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":1781,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":174,"parsedSize":555,"gzipSize":167,"inaccurateSizes":true},{"id":null,"label":"ArrowDrawer.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/ArrowDrawer.js","statSize":1607,"parsedSize":5135,"gzipSize":1548,"inaccurateSizes":true}],"parsedSize":5691,"gzipSize":1716,"inaccurateSizes":true}]}],"parsedSize":5691,"gzipSize":1716},{"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}],"isInitialByEntrypoint":{"tsparticles.shape.arrow":true}}];
35
35
  window.entrypoints = ["tsparticles.shape.arrow","tsparticles.shape.arrow.min"];
36
36
  window.defaultSizes = "parsed";
37
37
  </script>
package/tsparticles.shape.arrow.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v3.0.2
7
+ * v3.1.0
8
8
  */
9
9
  (function webpackUniversalModuleDefinition(root, factory) {
10
10
  if(typeof exports === 'object' && typeof module === 'object')
@@ -98,6 +98,15 @@ __webpack_require__.d(__webpack_exports__, {
98
98
  var engine_root_window_ = __webpack_require__(533);
99
99
  ;// CONCATENATED MODULE: ./dist/browser/ArrowDrawer.js
100
100
 
101
+ const ArrowDrawer_double = 2,
102
+ defaultHeightFactor = 0.5,
103
+ defaultHeadWidthFactor = 0.2,
104
+ defaultBodyHeightFactor = 0.5,
105
+ half = 0.5,
106
+ origin = {
107
+ x: 0,
108
+ y: 0
109
+ };
101
110
  class ArrowDrawer {
102
111
  draw(data) {
103
112
  const {
@@ -105,28 +114,28 @@ class ArrowDrawer {
105
114
  particle,
106
115
  radius
107
116
  } = data,
108
- width = radius * 2,
109
- heightFactor = particle.heightFactor ?? 0.5,
110
- headWidthFactor = particle.headWidthFactor ?? 0.2,
111
- bodyHeightFactor = particle.bodyHeightFactor ?? 0.5,
117
+ width = radius * ArrowDrawer_double,
118
+ heightFactor = particle.heightFactor ?? defaultHeightFactor,
119
+ headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor,
120
+ bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor,
112
121
  height = width * heightFactor,
113
122
  headWidth = width * headWidthFactor,
114
123
  bodyHeight = height * bodyHeightFactor;
115
- context.moveTo(-width / 2, 0);
116
- context.lineTo(-width / 2, -bodyHeight / 2);
117
- context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
118
- context.lineTo(width / 2 - headWidth, -height / 2);
119
- context.lineTo(width / 2 + headWidth, 0);
120
- context.lineTo(width / 2 - headWidth, height / 2);
121
- context.lineTo(width / 2 - headWidth, bodyHeight / 2);
122
- context.lineTo(-width / 2, bodyHeight / 2);
123
- context.lineTo(-width / 2, 0);
124
+ context.moveTo(-width * half, origin.y);
125
+ context.lineTo(-width * half, -bodyHeight * half);
126
+ context.lineTo(width * half - headWidth, -bodyHeight * half);
127
+ context.lineTo(width * half - headWidth, -height * half);
128
+ context.lineTo(width * half + headWidth, origin.y);
129
+ context.lineTo(width * half - headWidth, height * half);
130
+ context.lineTo(width * half - headWidth, bodyHeight * half);
131
+ context.lineTo(-width * half, bodyHeight * half);
132
+ context.lineTo(-width * half, origin.y);
124
133
  }
125
134
  particleInit(container, particle) {
126
135
  const shapeData = particle.shapeData;
127
- particle.heightFactor = (0,engine_root_window_.getRangeValue)(shapeData?.heightFactor ?? 0.5);
128
- particle.headWidthFactor = (0,engine_root_window_.getRangeValue)(shapeData?.headWidthFactor ?? 0.2);
129
- particle.bodyHeightFactor = (0,engine_root_window_.getRangeValue)(shapeData?.bodyHeightFactor ?? 0.5);
136
+ particle.heightFactor = (0,engine_root_window_.getRangeValue)(shapeData?.heightFactor ?? defaultHeightFactor);
137
+ particle.headWidthFactor = (0,engine_root_window_.getRangeValue)(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);
138
+ particle.bodyHeightFactor = (0,engine_root_window_.getRangeValue)(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);
130
139
  }
131
140
  }
132
141
  ;// CONCATENATED MODULE: ./dist/browser/index.js
package/tsparticles.shape.arrow.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see tsparticles.shape.arrow.min.js.LICENSE.txt */
2
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function r(e){var a=o[e];if(void 0!==a)return a.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},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 a={};return(()=>{r.r(a),r.d(a,{loadArrowShape:()=>o});var e=r(533);class t{draw(e){const{context:t,particle:o,radius:r}=e,a=2*r,i=a*(o.heightFactor??.5),n=a*(o.headWidthFactor??.2),c=i*(o.bodyHeightFactor??.5);t.moveTo(-a/2,0),t.lineTo(-a/2,-c/2),t.lineTo(a/2-n,-c/2),t.lineTo(a/2-n,-i/2),t.lineTo(a/2+n,0),t.lineTo(a/2-n,i/2),t.lineTo(a/2-n,c/2),t.lineTo(-a/2,c/2),t.lineTo(-a/2,0)}particleInit(t,o){const r=o.shapeData;o.heightFactor=(0,e.getRangeValue)(r?.heightFactor??.5),o.headWidthFactor=(0,e.getRangeValue)(r?.headWidthFactor??.2),o.bodyHeightFactor=(0,e.getRangeValue)(r?.bodyHeightFactor??.5)}}async function o(e,o=!0){await e.addShape("arrow",new t,o)}})(),a})()));
2
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function r(e){var a=o[e];if(void 0!==a)return a.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},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 a={};return(()=>{r.r(a),r.d(a,{loadArrowShape:()=>n});var e=r(533);const t=.5,o=0;class i{draw(e){const{context:r,particle:a,radius:i}=e,n=2*i,c=n*(a.heightFactor??.5),l=n*(a.headWidthFactor??.2),d=c*(a.bodyHeightFactor??.5);r.moveTo(-n*t,o),r.lineTo(-n*t,-d*t),r.lineTo(n*t-l,-d*t),r.lineTo(n*t-l,-c*t),r.lineTo(n*t+l,o),r.lineTo(n*t-l,c*t),r.lineTo(n*t-l,d*t),r.lineTo(-n*t,d*t),r.lineTo(-n*t,o)}particleInit(t,o){const r=o.shapeData;o.heightFactor=(0,e.getRangeValue)(r?.heightFactor??.5),o.headWidthFactor=(0,e.getRangeValue)(r?.headWidthFactor??.2),o.bodyHeightFactor=(0,e.getRangeValue)(r?.bodyHeightFactor??.5)}}async function n(e,t=!0){await e.addShape("arrow",new i,t)}})(),a})()));
package/tsparticles.shape.arrow.min.js.LICENSE.txt CHANGED
@@ -1 +1 @@
1
- /*! tsParticles Arrow Shape v3.0.2 by Matteo Bruni */
1
+ /*! tsParticles Arrow Shape v3.1.0 by Matteo Bruni */
package/umd/ArrowDrawer.js CHANGED
@@ -11,24 +11,28 @@
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
12
  exports.ArrowDrawer = void 0;
13
13
  const engine_1 = require("@tsparticles/engine");
14
+ const double = 2, defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5, half = 0.5, origin = {
15
+ x: 0,
16
+ y: 0,
17
+ };
14
18
  class ArrowDrawer {
15
19
  draw(data) {
16
- const { context, particle, radius } = data, width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
17
- context.moveTo(-width / 2, 0);
18
- context.lineTo(-width / 2, -bodyHeight / 2);
19
- context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
20
- context.lineTo(width / 2 - headWidth, -height / 2);
21
- context.lineTo(width / 2 + headWidth, 0);
22
- context.lineTo(width / 2 - headWidth, height / 2);
23
- context.lineTo(width / 2 - headWidth, bodyHeight / 2);
24
- context.lineTo(-width / 2, bodyHeight / 2);
25
- context.lineTo(-width / 2, 0);
20
+ const { context, particle, radius } = data, width = radius * double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
21
+ context.moveTo(-width * half, origin.y);
22
+ context.lineTo(-width * half, -bodyHeight * half);
23
+ context.lineTo(width * half - headWidth, -bodyHeight * half);
24
+ context.lineTo(width * half - headWidth, -height * half);
25
+ context.lineTo(width * half + headWidth, origin.y);
26
+ context.lineTo(width * half - headWidth, height * half);
27
+ context.lineTo(width * half - headWidth, bodyHeight * half);
28
+ context.lineTo(-width * half, bodyHeight * half);
29
+ context.lineTo(-width * half, origin.y);
26
30
  }
27
31
  particleInit(container, particle) {
28
32
  const shapeData = particle.shapeData;
29
- particle.heightFactor = (0, engine_1.getRangeValue)(shapeData?.heightFactor ?? 0.5);
30
- particle.headWidthFactor = (0, engine_1.getRangeValue)(shapeData?.headWidthFactor ?? 0.2);
31
- particle.bodyHeightFactor = (0, engine_1.getRangeValue)(shapeData?.bodyHeightFactor ?? 0.5);
33
+ particle.heightFactor = (0, engine_1.getRangeValue)(shapeData?.heightFactor ?? defaultHeightFactor);
34
+ particle.headWidthFactor = (0, engine_1.getRangeValue)(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);
35
+ particle.bodyHeightFactor = (0, engine_1.getRangeValue)(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);
32
36
  }
33
37
  }
34
38
  exports.ArrowDrawer = ArrowDrawer;