@tsparticles/shape-cards 3.0.0-beta.2 → 3.0.0-beta.3
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.
- package/browser/CardsSuitsDrawers.js +8 -8
- package/browser/Utils.js +5 -4
- package/cjs/CardsSuitsDrawers.js +8 -8
- package/cjs/Utils.js +5 -4
- package/esm/CardsSuitsDrawers.js +8 -8
- package/esm/Utils.js +5 -4
- package/package.json +2 -2
- package/report.html +2 -2
- package/tsparticles.shape.cards.js +17 -13
- package/tsparticles.shape.cards.min.js +1 -1
- package/tsparticles.shape.cards.min.js.LICENSE.txt +1 -1
- package/types/CardsSuitsDrawers.d.ts +5 -5
- package/types/Utils.d.ts +2 -1
- package/umd/CardsSuitsDrawers.js +8 -8
- package/umd/Utils.js +5 -4
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { drawPath, paths } from "./Utils.js";
|
|
2
2
|
export class SpadeDrawer {
|
|
3
|
-
draw(
|
|
4
|
-
drawPath(
|
|
3
|
+
draw(data) {
|
|
4
|
+
drawPath(data, paths.spade);
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
7
|
export class HeartDrawer {
|
|
8
|
-
draw(
|
|
9
|
-
drawPath(
|
|
8
|
+
draw(data) {
|
|
9
|
+
drawPath(data, paths.heart);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
export class DiamondDrawer {
|
|
13
|
-
draw(
|
|
14
|
-
drawPath(
|
|
13
|
+
draw(data) {
|
|
14
|
+
drawPath(data, paths.diamond);
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
export class ClubDrawer {
|
|
18
|
-
draw(
|
|
19
|
-
drawPath(
|
|
18
|
+
draw(data) {
|
|
19
|
+
drawPath(data, paths.club);
|
|
20
20
|
}
|
|
21
21
|
}
|
package/browser/Utils.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
export function drawPath(
|
|
1
|
+
export function drawPath(data, path) {
|
|
2
2
|
if (!path.segments.length || !path.segments[0].values.length) {
|
|
3
3
|
return;
|
|
4
4
|
}
|
|
5
|
-
|
|
5
|
+
const { context, radius } = data;
|
|
6
|
+
context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
|
|
6
7
|
for (let i = 0; i < path.segments.length; i++) {
|
|
7
8
|
const segment = path.segments[i];
|
|
8
|
-
|
|
9
|
+
context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
|
|
9
10
|
}
|
|
10
11
|
for (let i = path.segments.length - 1; i >= 0; i--) {
|
|
11
12
|
const segment = path.segments[i];
|
|
12
|
-
|
|
13
|
+
context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
const n = 1.0 / 2;
|
package/cjs/CardsSuitsDrawers.js
CHANGED
|
@@ -3,26 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ClubDrawer = exports.DiamondDrawer = exports.HeartDrawer = exports.SpadeDrawer = void 0;
|
|
4
4
|
const Utils_js_1 = require("./Utils.js");
|
|
5
5
|
class SpadeDrawer {
|
|
6
|
-
draw(
|
|
7
|
-
(0, Utils_js_1.drawPath)(
|
|
6
|
+
draw(data) {
|
|
7
|
+
(0, Utils_js_1.drawPath)(data, Utils_js_1.paths.spade);
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
exports.SpadeDrawer = SpadeDrawer;
|
|
11
11
|
class HeartDrawer {
|
|
12
|
-
draw(
|
|
13
|
-
(0, Utils_js_1.drawPath)(
|
|
12
|
+
draw(data) {
|
|
13
|
+
(0, Utils_js_1.drawPath)(data, Utils_js_1.paths.heart);
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
exports.HeartDrawer = HeartDrawer;
|
|
17
17
|
class DiamondDrawer {
|
|
18
|
-
draw(
|
|
19
|
-
(0, Utils_js_1.drawPath)(
|
|
18
|
+
draw(data) {
|
|
19
|
+
(0, Utils_js_1.drawPath)(data, Utils_js_1.paths.diamond);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
exports.DiamondDrawer = DiamondDrawer;
|
|
23
23
|
class ClubDrawer {
|
|
24
|
-
draw(
|
|
25
|
-
(0, Utils_js_1.drawPath)(
|
|
24
|
+
draw(data) {
|
|
25
|
+
(0, Utils_js_1.drawPath)(data, Utils_js_1.paths.club);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
exports.ClubDrawer = ClubDrawer;
|
package/cjs/Utils.js
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.paths = exports.drawPath = void 0;
|
|
4
|
-
function drawPath(
|
|
4
|
+
function drawPath(data, path) {
|
|
5
5
|
if (!path.segments.length || !path.segments[0].values.length) {
|
|
6
6
|
return;
|
|
7
7
|
}
|
|
8
|
-
|
|
8
|
+
const { context, radius } = data;
|
|
9
|
+
context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
|
|
9
10
|
for (let i = 0; i < path.segments.length; i++) {
|
|
10
11
|
const segment = path.segments[i];
|
|
11
|
-
|
|
12
|
+
context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
|
|
12
13
|
}
|
|
13
14
|
for (let i = path.segments.length - 1; i >= 0; i--) {
|
|
14
15
|
const segment = path.segments[i];
|
|
15
|
-
|
|
16
|
+
context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
exports.drawPath = drawPath;
|
package/esm/CardsSuitsDrawers.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { drawPath, paths } from "./Utils.js";
|
|
2
2
|
export class SpadeDrawer {
|
|
3
|
-
draw(
|
|
4
|
-
drawPath(
|
|
3
|
+
draw(data) {
|
|
4
|
+
drawPath(data, paths.spade);
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
7
|
export class HeartDrawer {
|
|
8
|
-
draw(
|
|
9
|
-
drawPath(
|
|
8
|
+
draw(data) {
|
|
9
|
+
drawPath(data, paths.heart);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
export class DiamondDrawer {
|
|
13
|
-
draw(
|
|
14
|
-
drawPath(
|
|
13
|
+
draw(data) {
|
|
14
|
+
drawPath(data, paths.diamond);
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
export class ClubDrawer {
|
|
18
|
-
draw(
|
|
19
|
-
drawPath(
|
|
18
|
+
draw(data) {
|
|
19
|
+
drawPath(data, paths.club);
|
|
20
20
|
}
|
|
21
21
|
}
|
package/esm/Utils.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
export function drawPath(
|
|
1
|
+
export function drawPath(data, path) {
|
|
2
2
|
if (!path.segments.length || !path.segments[0].values.length) {
|
|
3
3
|
return;
|
|
4
4
|
}
|
|
5
|
-
|
|
5
|
+
const { context, radius } = data;
|
|
6
|
+
context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
|
|
6
7
|
for (let i = 0; i < path.segments.length; i++) {
|
|
7
8
|
const segment = path.segments[i];
|
|
8
|
-
|
|
9
|
+
context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
|
|
9
10
|
}
|
|
10
11
|
for (let i = path.segments.length - 1; i >= 0; i--) {
|
|
11
12
|
const segment = path.segments[i];
|
|
12
|
-
|
|
13
|
+
context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
const n = 1.0 / 2;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/shape-cards",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.3",
|
|
4
4
|
"description": "tsParticles cards 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.0-beta.
|
|
103
|
+
"@tsparticles/engine": "^3.0.0-beta.3"
|
|
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-cards [
|
|
6
|
+
<title>@tsparticles/shape-cards [20 Sep 2023 at 10:14]</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>
|
|
@@ -49,7 +49,7 @@ var t="[object Symbol]",n=/[&<>"'`]/g,i=RegExp(n.source),r="object"==typeof self
|
|
|
49
49
|
<body>
|
|
50
50
|
<div id="app"></div>
|
|
51
51
|
<script>
|
|
52
|
-
window.chartData = [{"label":"tsparticles.shape.cards.js","isAsset":true,"statSize":
|
|
52
|
+
window.chartData = [{"label":"tsparticles.shape.cards.js","isAsset":true,"statSize":4954,"parsedSize":7255,"gzipSize":1518,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":4954,"groups":[{"id":117,"label":"index.js + 2 modules (concatenated)","path":"./dist/browser/index.js + 2 modules (concatenated)","statSize":4954,"parsedSize":7255,"gzipSize":1518,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 2 modules (concatenated)/dist/browser","statSize":4954,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 2 modules (concatenated)/dist/browser/index.js","statSize":457,"parsedSize":669,"gzipSize":140,"inaccurateSizes":true},{"id":null,"label":"CardsSuitsDrawers.js","path":"./dist/browser/index.js + 2 modules (concatenated)/dist/browser/CardsSuitsDrawers.js","statSize":371,"parsedSize":543,"gzipSize":113,"inaccurateSizes":true},{"id":null,"label":"Utils.js","path":"./dist/browser/index.js + 2 modules (concatenated)/dist/browser/Utils.js","statSize":4126,"parsedSize":6042,"gzipSize":1264,"inaccurateSizes":true}],"parsedSize":7255,"gzipSize":1518,"inaccurateSizes":true}]}],"parsedSize":7255,"gzipSize":1518}],"isInitialByEntrypoint":{"tsparticles.shape.cards":true}}];
|
|
53
53
|
window.entrypoints = ["tsparticles.shape.cards","tsparticles.shape.cards.min"];
|
|
54
54
|
window.defaultSizes = "parsed";
|
|
55
55
|
</script>
|
|
@@ -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.0-beta.
|
|
7
|
+
* v3.0.0-beta.3
|
|
8
8
|
*/
|
|
9
9
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
10
10
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
@@ -61,18 +61,22 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
61
61
|
});
|
|
62
62
|
|
|
63
63
|
;// CONCATENATED MODULE: ./dist/browser/Utils.js
|
|
64
|
-
function drawPath(
|
|
64
|
+
function drawPath(data, path) {
|
|
65
65
|
if (!path.segments.length || !path.segments[0].values.length) {
|
|
66
66
|
return;
|
|
67
67
|
}
|
|
68
|
-
|
|
68
|
+
const {
|
|
69
|
+
context,
|
|
70
|
+
radius
|
|
71
|
+
} = data;
|
|
72
|
+
context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
|
|
69
73
|
for (let i = 0; i < path.segments.length; i++) {
|
|
70
74
|
const segment = path.segments[i];
|
|
71
|
-
|
|
75
|
+
context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
|
|
72
76
|
}
|
|
73
77
|
for (let i = path.segments.length - 1; i >= 0; i--) {
|
|
74
78
|
const segment = path.segments[i];
|
|
75
|
-
|
|
79
|
+
context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
|
|
76
80
|
}
|
|
77
81
|
}
|
|
78
82
|
const n = 1.0 / 2;
|
|
@@ -317,23 +321,23 @@ const paths = {
|
|
|
317
321
|
;// CONCATENATED MODULE: ./dist/browser/CardsSuitsDrawers.js
|
|
318
322
|
|
|
319
323
|
class SpadeDrawer {
|
|
320
|
-
draw(
|
|
321
|
-
drawPath(
|
|
324
|
+
draw(data) {
|
|
325
|
+
drawPath(data, paths.spade);
|
|
322
326
|
}
|
|
323
327
|
}
|
|
324
328
|
class HeartDrawer {
|
|
325
|
-
draw(
|
|
326
|
-
drawPath(
|
|
329
|
+
draw(data) {
|
|
330
|
+
drawPath(data, paths.heart);
|
|
327
331
|
}
|
|
328
332
|
}
|
|
329
333
|
class DiamondDrawer {
|
|
330
|
-
draw(
|
|
331
|
-
drawPath(
|
|
334
|
+
draw(data) {
|
|
335
|
+
drawPath(data, paths.diamond);
|
|
332
336
|
}
|
|
333
337
|
}
|
|
334
338
|
class ClubDrawer {
|
|
335
|
-
draw(
|
|
336
|
-
drawPath(
|
|
339
|
+
draw(data) {
|
|
340
|
+
drawPath(data, paths.club);
|
|
337
341
|
}
|
|
338
342
|
}
|
|
339
343
|
;// CONCATENATED MODULE: ./dist/browser/index.js
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see tsparticles.shape.cards.min.js.LICENSE.txt */
|
|
2
|
-
!function(e,s){if("object"==typeof exports&&"object"==typeof module)module.exports=s();else if("function"==typeof define&&define.amd)define([],s);else{var y=s();for(var a in y)("object"==typeof exports?exports:e)[a]=y[a]}}(this,(()=>(()=>{"use strict";var e={d:(s,y)=>{for(var a in y)e.o(y,a)&&!e.o(s,a)&&Object.defineProperty(s,a,{enumerable:!0,get:y[a]})},o:(e,s)=>Object.prototype.hasOwnProperty.call(e,s),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},s={};function y(e,s
|
|
2
|
+
!function(e,s){if("object"==typeof exports&&"object"==typeof module)module.exports=s();else if("function"==typeof define&&define.amd)define([],s);else{var y=s();for(var a in y)("object"==typeof exports?exports:e)[a]=y[a]}}(this,(()=>(()=>{"use strict";var e={d:(s,y)=>{for(var a in y)e.o(y,a)&&!e.o(s,a)&&Object.defineProperty(s,a,{enumerable:!0,get:y[a]})},o:(e,s)=>Object.prototype.hasOwnProperty.call(e,s),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},s={};function y(e,s){if(!s.segments.length||!s.segments[0].values.length)return;const{context:y,radius:a}=e;y.moveTo(s.segments[0].values[0].x*a,s.segments[0].values[0].y*a);for(let e=0;e<s.segments.length;e++){const x=s.segments[e];y.bezierCurveTo(x.values[1].x*a,x.values[1].y*a,x.values[2].x*a,x.values[2].y*a,x.values[3].x*a,x.values[3].y*a)}for(let e=s.segments.length-1;e>=0;e--){const x=s.segments[e];y.bezierCurveTo(-x.values[2].x*a,x.values[2].y*a,-x.values[1].x*a,x.values[1].y*a,-x.values[0].x*a,x.values[0].y*a)}}e.r(s),e.d(s,{loadCardsShape:()=>o});const a=.5,x={heart:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:a,y:0},{x:a,y:-a/2}]},{values:[{x:a,y:-a/2},{x:a,y:-a/2},{x:a,y:-a},{x:a/2,y:-a}]},{values:[{x:a/2,y:-a},{x:a/2,y:-a},{x:0,y:-a},{x:0,y:-a/2}]}]},diamond:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:.375,y:0},{x:.375,y:0}]},{values:[{x:.375,y:0},{x:.375,y:0},{x:0,y:-a},{x:0,y:-a}]}]},club:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a/2,y:-a},{x:a/2,y:-a/2}]},{values:[{x:a/2,y:-a/2},{x:a/2,y:-a/2},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]},spade:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]}};class t{draw(e){y(e,x.spade)}}class l{draw(e){y(e,x.heart)}}class n{draw(e){y(e,x.diamond)}}class u{draw(e){y(e,x.club)}}async function o(e,s=!0){await e.addShape(["spade","spades"],new t,s),await e.addShape(["heart","hearts"],new l,s),await e.addShape(["diamond","diamonds"],new n,s),await e.addShape(["club","clubs"],new u,s)}return s})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tsParticles Cards Shape v3.0.0-beta.
|
|
1
|
+
/*! tsParticles Cards Shape v3.0.0-beta.3 by Matteo Bruni */
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { IShapeDrawData, IShapeDrawer } from "@tsparticles/engine";
|
|
2
2
|
export declare class SpadeDrawer implements IShapeDrawer {
|
|
3
|
-
draw(
|
|
3
|
+
draw(data: IShapeDrawData): void;
|
|
4
4
|
}
|
|
5
5
|
export declare class HeartDrawer implements IShapeDrawer {
|
|
6
|
-
draw(
|
|
6
|
+
draw(data: IShapeDrawData): void;
|
|
7
7
|
}
|
|
8
8
|
export declare class DiamondDrawer implements IShapeDrawer {
|
|
9
|
-
draw(
|
|
9
|
+
draw(data: IShapeDrawData): void;
|
|
10
10
|
}
|
|
11
11
|
export declare class ClubDrawer implements IShapeDrawer {
|
|
12
|
-
draw(
|
|
12
|
+
draw(data: IShapeDrawData): void;
|
|
13
13
|
}
|
package/types/Utils.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import type { ICardsPath, IPath } from "./ICardsPath.js";
|
|
2
|
-
|
|
2
|
+
import type { IShapeDrawData } from "@tsparticles/engine";
|
|
3
|
+
export declare function drawPath(data: IShapeDrawData, path: IPath): void;
|
|
3
4
|
export declare const paths: ICardsPath;
|
package/umd/CardsSuitsDrawers.js
CHANGED
|
@@ -12,26 +12,26 @@
|
|
|
12
12
|
exports.ClubDrawer = exports.DiamondDrawer = exports.HeartDrawer = exports.SpadeDrawer = void 0;
|
|
13
13
|
const Utils_js_1 = require("./Utils.js");
|
|
14
14
|
class SpadeDrawer {
|
|
15
|
-
draw(
|
|
16
|
-
(0, Utils_js_1.drawPath)(
|
|
15
|
+
draw(data) {
|
|
16
|
+
(0, Utils_js_1.drawPath)(data, Utils_js_1.paths.spade);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
exports.SpadeDrawer = SpadeDrawer;
|
|
20
20
|
class HeartDrawer {
|
|
21
|
-
draw(
|
|
22
|
-
(0, Utils_js_1.drawPath)(
|
|
21
|
+
draw(data) {
|
|
22
|
+
(0, Utils_js_1.drawPath)(data, Utils_js_1.paths.heart);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
exports.HeartDrawer = HeartDrawer;
|
|
26
26
|
class DiamondDrawer {
|
|
27
|
-
draw(
|
|
28
|
-
(0, Utils_js_1.drawPath)(
|
|
27
|
+
draw(data) {
|
|
28
|
+
(0, Utils_js_1.drawPath)(data, Utils_js_1.paths.diamond);
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
exports.DiamondDrawer = DiamondDrawer;
|
|
32
32
|
class ClubDrawer {
|
|
33
|
-
draw(
|
|
34
|
-
(0, Utils_js_1.drawPath)(
|
|
33
|
+
draw(data) {
|
|
34
|
+
(0, Utils_js_1.drawPath)(data, Utils_js_1.paths.club);
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
exports.ClubDrawer = ClubDrawer;
|
package/umd/Utils.js
CHANGED
|
@@ -10,18 +10,19 @@
|
|
|
10
10
|
"use strict";
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
12
|
exports.paths = exports.drawPath = void 0;
|
|
13
|
-
function drawPath(
|
|
13
|
+
function drawPath(data, path) {
|
|
14
14
|
if (!path.segments.length || !path.segments[0].values.length) {
|
|
15
15
|
return;
|
|
16
16
|
}
|
|
17
|
-
|
|
17
|
+
const { context, radius } = data;
|
|
18
|
+
context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
|
|
18
19
|
for (let i = 0; i < path.segments.length; i++) {
|
|
19
20
|
const segment = path.segments[i];
|
|
20
|
-
|
|
21
|
+
context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
|
|
21
22
|
}
|
|
22
23
|
for (let i = path.segments.length - 1; i >= 0; i--) {
|
|
23
24
|
const segment = path.segments[i];
|
|
24
|
-
|
|
25
|
+
context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
28
|
exports.drawPath = drawPath;
|