@tsparticles/configs 3.5.0 → 3.6.0-beta.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 (26) hide show
  1. package/browser/s/index.js +2 -0
  2. package/browser/s/shapeEmoji.js +2 -2
  3. package/browser/s/shapeEmojiPadding.js +115 -0
  4. package/browser/t/test.js +98 -16
  5. package/cjs/s/index.js +2 -0
  6. package/cjs/s/shapeEmoji.js +2 -2
  7. package/cjs/s/shapeEmojiPadding.js +117 -0
  8. package/cjs/t/test.js +98 -16
  9. package/esm/s/index.js +2 -0
  10. package/esm/s/shapeEmoji.js +2 -2
  11. package/esm/s/shapeEmojiPadding.js +115 -0
  12. package/esm/t/test.js +98 -16
  13. package/package.json +2 -2
  14. package/report.html +1 -1
  15. package/tsparticles.configs.bundle.js +1 -1
  16. package/tsparticles.configs.bundle.min.js.LICENSE.txt +1 -1
  17. package/tsparticles.configs.js +14 -4
  18. package/tsparticles.configs.min.js +1 -1
  19. package/tsparticles.configs.min.js.LICENSE.txt +1 -1
  20. package/types/index.d.ts +1 -0
  21. package/types/s/index.d.ts +1 -0
  22. package/types/s/shapeEmojiPadding.d.ts +3 -0
  23. package/umd/s/index.js +3 -1
  24. package/umd/s/shapeEmoji.js +2 -2
  25. package/umd/s/shapeEmojiPadding.js +127 -0
  26. package/umd/t/test.js +98 -16
package/browser/s/index.js CHANGED
@@ -3,6 +3,7 @@ import shadow from "./shadow.js";
3
3
  import shapeArrow from "./shapeArrow.js";
4
4
  import shapeCog from "./shapeCog.js";
5
5
  import shapeEmoji from "./shapeEmoji.js";
6
+ import shapeEmojiPadding from "./shapeEmojiPadding";
6
7
  import shapeHeart from "./shapeHeart.js";
7
8
  import shapeInfinity from "./shapeInfinity.js";
8
9
  import shapeMultilineText from "./shapeMultilineText.js";
@@ -30,6 +31,7 @@ export default {
30
31
  shapeArrow,
31
32
  shapeCog,
32
33
  shapeEmoji,
34
+ shapeEmojiPadding,
33
35
  shapeHeart,
34
36
  shapeInfinity,
35
37
  shapeMultilineText,
package/browser/s/shapeEmoji.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { MoveDirection } from "@tsparticles/engine";
2
2
  const emitterRate = {
3
- delay: 0.1,
4
- quantity: 2,
3
+ delay: 0.2,
4
+ quantity: 1,
5
5
  }, options = {
6
6
  key: "shapeEmoji",
7
7
  name: "Shape Emoji",
package/browser/s/shapeEmojiPadding.js ADDED
@@ -0,0 +1,115 @@
1
+ const emitterRate = {
2
+ delay: 0.2,
3
+ quantity: 1,
4
+ }, options = {
5
+ key: "shapeEmojiPadding",
6
+ name: "Shape Emoji Padding",
7
+ particles: {
8
+ opacity: {
9
+ value: 1,
10
+ },
11
+ size: {
12
+ value: 16,
13
+ },
14
+ move: {
15
+ enable: true,
16
+ speed: 5,
17
+ outModes: "destroy",
18
+ },
19
+ },
20
+ background: {
21
+ color: "#000000",
22
+ },
23
+ emitters: [
24
+ {
25
+ position: {
26
+ x: 0,
27
+ y: 33,
28
+ },
29
+ rate: emitterRate,
30
+ particles: {
31
+ shape: {
32
+ type: "emoji",
33
+ options: {
34
+ emoji: {
35
+ value: "👻",
36
+ padding: 5,
37
+ },
38
+ },
39
+ },
40
+ },
41
+ },
42
+ {
43
+ position: {
44
+ x: 0,
45
+ y: 66,
46
+ },
47
+ rate: emitterRate,
48
+ particles: {
49
+ shape: {
50
+ type: "emoji",
51
+ options: {
52
+ emoji: {
53
+ value: "🌈",
54
+ padding: 10,
55
+ },
56
+ },
57
+ },
58
+ },
59
+ },
60
+ {
61
+ position: {
62
+ x: 100,
63
+ y: 33,
64
+ },
65
+ rate: emitterRate,
66
+ particles: {
67
+ shape: {
68
+ type: "emoji",
69
+ options: {
70
+ emoji: {
71
+ value: "🎉",
72
+ },
73
+ },
74
+ },
75
+ },
76
+ },
77
+ {
78
+ position: {
79
+ x: 100,
80
+ y: 66,
81
+ },
82
+ rate: emitterRate,
83
+ particles: {
84
+ shape: {
85
+ type: "emoji",
86
+ options: {
87
+ emoji: {
88
+ value: "🤡",
89
+ padding: 15,
90
+ },
91
+ },
92
+ },
93
+ },
94
+ },
95
+ {
96
+ position: {
97
+ x: 50,
98
+ y: 50,
99
+ },
100
+ rate: emitterRate,
101
+ particles: {
102
+ shape: {
103
+ type: "emoji",
104
+ options: {
105
+ emoji: {
106
+ value: "🍑",
107
+ padding: 2,
108
+ },
109
+ },
110
+ },
111
+ },
112
+ },
113
+ ],
114
+ };
115
+ export default options;
package/browser/t/test.js CHANGED
@@ -1,34 +1,116 @@
1
1
  const options = {
2
2
  key: "test",
3
3
  name: "Test",
4
- fullScreen: {
5
- enable: false,
6
- },
7
4
  background: {
8
- color: "#000",
5
+ color: {
6
+ value: "#000",
7
+ },
9
8
  },
10
9
  particles: {
10
+ groups: {
11
+ z5000: {
12
+ number: {
13
+ value: 70,
14
+ },
15
+ color: {
16
+ value: "#f00",
17
+ },
18
+ zIndex: {
19
+ value: 50,
20
+ },
21
+ },
22
+ z7500: {
23
+ number: {
24
+ value: 30,
25
+ },
26
+ color: {
27
+ value: "#0f0",
28
+ },
29
+ zIndex: {
30
+ value: 75,
31
+ },
32
+ },
33
+ z2500: {
34
+ number: {
35
+ value: 50,
36
+ },
37
+ color: {
38
+ value: "#00f",
39
+ },
40
+ zIndex: {
41
+ value: 25,
42
+ },
43
+ },
44
+ z1000: {
45
+ number: {
46
+ value: 40,
47
+ },
48
+ color: {
49
+ value: "#ff0",
50
+ },
51
+ zIndex: {
52
+ value: 10,
53
+ },
54
+ },
55
+ },
56
+ zIndex: {
57
+ value: 5,
58
+ opacityRate: 0.5,
59
+ sizeRate: 1,
60
+ velocityRate: 1,
61
+ },
62
+ number: {
63
+ value: 300,
64
+ },
11
65
  color: {
12
- value: "#ffffff",
66
+ value: "#fff",
67
+ },
68
+ shape: {
69
+ type: "circle",
70
+ },
71
+ opacity: {
72
+ value: 0.8,
13
73
  },
14
74
  size: {
15
- value: 6,
75
+ value: 69,
16
76
  },
17
- links: {
77
+ move: {
18
78
  enable: true,
19
- distance: 200,
20
- },
21
- number: {
22
- value: 80,
23
- density: {
24
- enable: true,
79
+ speed: 3,
80
+ direction: 0,
81
+ angle: 0,
82
+ outModes: {
83
+ default: "destroy",
25
84
  },
26
85
  },
27
- opacity: {
28
- value: 0.5,
86
+ },
87
+ emitters: {
88
+ autoPlay: true,
89
+ fill: false,
90
+ life: {
91
+ wait: false,
92
+ },
93
+ rate: {
94
+ quantity: 1,
95
+ delay: 2,
29
96
  },
30
97
  shape: {
31
- type: "circle",
98
+ type: "square",
99
+ },
100
+ startCount: 0,
101
+ size: {
102
+ mode: "percent",
103
+ height: 100,
104
+ width: 0,
105
+ },
106
+ particles: {
107
+ shape: {
108
+ type: "square",
109
+ },
110
+ },
111
+ position: {
112
+ x: 50,
113
+ y: 50,
32
114
  },
33
115
  },
34
116
  };
package/cjs/s/index.js CHANGED
@@ -8,6 +8,7 @@ const shadow_js_1 = __importDefault(require("./shadow.js"));
8
8
  const shapeArrow_js_1 = __importDefault(require("./shapeArrow.js"));
9
9
  const shapeCog_js_1 = __importDefault(require("./shapeCog.js"));
10
10
  const shapeEmoji_js_1 = __importDefault(require("./shapeEmoji.js"));
11
+ const shapeEmojiPadding_1 = __importDefault(require("./shapeEmojiPadding"));
11
12
  const shapeHeart_js_1 = __importDefault(require("./shapeHeart.js"));
12
13
  const shapeInfinity_js_1 = __importDefault(require("./shapeInfinity.js"));
13
14
  const shapeMultilineText_js_1 = __importDefault(require("./shapeMultilineText.js"));
@@ -35,6 +36,7 @@ exports.default = {
35
36
  shapeArrow: shapeArrow_js_1.default,
36
37
  shapeCog: shapeCog_js_1.default,
37
38
  shapeEmoji: shapeEmoji_js_1.default,
39
+ shapeEmojiPadding: shapeEmojiPadding_1.default,
38
40
  shapeHeart: shapeHeart_js_1.default,
39
41
  shapeInfinity: shapeInfinity_js_1.default,
40
42
  shapeMultilineText: shapeMultilineText_js_1.default,
package/cjs/s/shapeEmoji.js CHANGED
@@ -2,8 +2,8 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const engine_1 = require("@tsparticles/engine");
4
4
  const emitterRate = {
5
- delay: 0.1,
6
- quantity: 2,
5
+ delay: 0.2,
6
+ quantity: 1,
7
7
  }, options = {
8
8
  key: "shapeEmoji",
9
9
  name: "Shape Emoji",
package/cjs/s/shapeEmojiPadding.js ADDED
@@ -0,0 +1,117 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const emitterRate = {
4
+ delay: 0.2,
5
+ quantity: 1,
6
+ }, options = {
7
+ key: "shapeEmojiPadding",
8
+ name: "Shape Emoji Padding",
9
+ particles: {
10
+ opacity: {
11
+ value: 1,
12
+ },
13
+ size: {
14
+ value: 16,
15
+ },
16
+ move: {
17
+ enable: true,
18
+ speed: 5,
19
+ outModes: "destroy",
20
+ },
21
+ },
22
+ background: {
23
+ color: "#000000",
24
+ },
25
+ emitters: [
26
+ {
27
+ position: {
28
+ x: 0,
29
+ y: 33,
30
+ },
31
+ rate: emitterRate,
32
+ particles: {
33
+ shape: {
34
+ type: "emoji",
35
+ options: {
36
+ emoji: {
37
+ value: "👻",
38
+ padding: 5,
39
+ },
40
+ },
41
+ },
42
+ },
43
+ },
44
+ {
45
+ position: {
46
+ x: 0,
47
+ y: 66,
48
+ },
49
+ rate: emitterRate,
50
+ particles: {
51
+ shape: {
52
+ type: "emoji",
53
+ options: {
54
+ emoji: {
55
+ value: "🌈",
56
+ padding: 10,
57
+ },
58
+ },
59
+ },
60
+ },
61
+ },
62
+ {
63
+ position: {
64
+ x: 100,
65
+ y: 33,
66
+ },
67
+ rate: emitterRate,
68
+ particles: {
69
+ shape: {
70
+ type: "emoji",
71
+ options: {
72
+ emoji: {
73
+ value: "🎉",
74
+ },
75
+ },
76
+ },
77
+ },
78
+ },
79
+ {
80
+ position: {
81
+ x: 100,
82
+ y: 66,
83
+ },
84
+ rate: emitterRate,
85
+ particles: {
86
+ shape: {
87
+ type: "emoji",
88
+ options: {
89
+ emoji: {
90
+ value: "🤡",
91
+ padding: 15,
92
+ },
93
+ },
94
+ },
95
+ },
96
+ },
97
+ {
98
+ position: {
99
+ x: 50,
100
+ y: 50,
101
+ },
102
+ rate: emitterRate,
103
+ particles: {
104
+ shape: {
105
+ type: "emoji",
106
+ options: {
107
+ emoji: {
108
+ value: "🍑",
109
+ padding: 2,
110
+ },
111
+ },
112
+ },
113
+ },
114
+ },
115
+ ],
116
+ };
117
+ exports.default = options;
package/cjs/t/test.js CHANGED
@@ -3,34 +3,116 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const options = {
4
4
  key: "test",
5
5
  name: "Test",
6
- fullScreen: {
7
- enable: false,
8
- },
9
6
  background: {
10
- color: "#000",
7
+ color: {
8
+ value: "#000",
9
+ },
11
10
  },
12
11
  particles: {
12
+ groups: {
13
+ z5000: {
14
+ number: {
15
+ value: 70,
16
+ },
17
+ color: {
18
+ value: "#f00",
19
+ },
20
+ zIndex: {
21
+ value: 50,
22
+ },
23
+ },
24
+ z7500: {
25
+ number: {
26
+ value: 30,
27
+ },
28
+ color: {
29
+ value: "#0f0",
30
+ },
31
+ zIndex: {
32
+ value: 75,
33
+ },
34
+ },
35
+ z2500: {
36
+ number: {
37
+ value: 50,
38
+ },
39
+ color: {
40
+ value: "#00f",
41
+ },
42
+ zIndex: {
43
+ value: 25,
44
+ },
45
+ },
46
+ z1000: {
47
+ number: {
48
+ value: 40,
49
+ },
50
+ color: {
51
+ value: "#ff0",
52
+ },
53
+ zIndex: {
54
+ value: 10,
55
+ },
56
+ },
57
+ },
58
+ zIndex: {
59
+ value: 5,
60
+ opacityRate: 0.5,
61
+ sizeRate: 1,
62
+ velocityRate: 1,
63
+ },
64
+ number: {
65
+ value: 300,
66
+ },
13
67
  color: {
14
- value: "#ffffff",
68
+ value: "#fff",
69
+ },
70
+ shape: {
71
+ type: "circle",
72
+ },
73
+ opacity: {
74
+ value: 0.8,
15
75
  },
16
76
  size: {
17
- value: 6,
77
+ value: 69,
18
78
  },
19
- links: {
79
+ move: {
20
80
  enable: true,
21
- distance: 200,
22
- },
23
- number: {
24
- value: 80,
25
- density: {
26
- enable: true,
81
+ speed: 3,
82
+ direction: 0,
83
+ angle: 0,
84
+ outModes: {
85
+ default: "destroy",
27
86
  },
28
87
  },
29
- opacity: {
30
- value: 0.5,
88
+ },
89
+ emitters: {
90
+ autoPlay: true,
91
+ fill: false,
92
+ life: {
93
+ wait: false,
94
+ },
95
+ rate: {
96
+ quantity: 1,
97
+ delay: 2,
31
98
  },
32
99
  shape: {
33
- type: "circle",
100
+ type: "square",
101
+ },
102
+ startCount: 0,
103
+ size: {
104
+ mode: "percent",
105
+ height: 100,
106
+ width: 0,
107
+ },
108
+ particles: {
109
+ shape: {
110
+ type: "square",
111
+ },
112
+ },
113
+ position: {
114
+ x: 50,
115
+ y: 50,
34
116
  },
35
117
  },
36
118
  };
package/esm/s/index.js CHANGED
@@ -3,6 +3,7 @@ import shadow from "./shadow.js";
3
3
  import shapeArrow from "./shapeArrow.js";
4
4
  import shapeCog from "./shapeCog.js";
5
5
  import shapeEmoji from "./shapeEmoji.js";
6
+ import shapeEmojiPadding from "./shapeEmojiPadding";
6
7
  import shapeHeart from "./shapeHeart.js";
7
8
  import shapeInfinity from "./shapeInfinity.js";
8
9
  import shapeMultilineText from "./shapeMultilineText.js";
@@ -30,6 +31,7 @@ export default {
30
31
  shapeArrow,
31
32
  shapeCog,
32
33
  shapeEmoji,
34
+ shapeEmojiPadding,
33
35
  shapeHeart,
34
36
  shapeInfinity,
35
37
  shapeMultilineText,
package/esm/s/shapeEmoji.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { MoveDirection } from "@tsparticles/engine";
2
2
  const emitterRate = {
3
- delay: 0.1,
4
- quantity: 2,
3
+ delay: 0.2,
4
+ quantity: 1,
5
5
  }, options = {
6
6
  key: "shapeEmoji",
7
7
  name: "Shape Emoji",
package/esm/s/shapeEmojiPadding.js ADDED
@@ -0,0 +1,115 @@
1
+ const emitterRate = {
2
+ delay: 0.2,
3
+ quantity: 1,
4
+ }, options = {
5
+ key: "shapeEmojiPadding",
6
+ name: "Shape Emoji Padding",
7
+ particles: {
8
+ opacity: {
9
+ value: 1,
10
+ },
11
+ size: {
12
+ value: 16,
13
+ },
14
+ move: {
15
+ enable: true,
16
+ speed: 5,
17
+ outModes: "destroy",
18
+ },
19
+ },
20
+ background: {
21
+ color: "#000000",
22
+ },
23
+ emitters: [
24
+ {
25
+ position: {
26
+ x: 0,
27
+ y: 33,
28
+ },
29
+ rate: emitterRate,
30
+ particles: {
31
+ shape: {
32
+ type: "emoji",
33
+ options: {
34
+ emoji: {
35
+ value: "👻",
36
+ padding: 5,
37
+ },
38
+ },
39
+ },
40
+ },
41
+ },
42
+ {
43
+ position: {
44
+ x: 0,
45
+ y: 66,
46
+ },
47
+ rate: emitterRate,
48
+ particles: {
49
+ shape: {
50
+ type: "emoji",
51
+ options: {
52
+ emoji: {
53
+ value: "🌈",
54
+ padding: 10,
55
+ },
56
+ },
57
+ },
58
+ },
59
+ },
60
+ {
61
+ position: {
62
+ x: 100,
63
+ y: 33,
64
+ },
65
+ rate: emitterRate,
66
+ particles: {
67
+ shape: {
68
+ type: "emoji",
69
+ options: {
70
+ emoji: {
71
+ value: "🎉",
72
+ },
73
+ },
74
+ },
75
+ },
76
+ },
77
+ {
78
+ position: {
79
+ x: 100,
80
+ y: 66,
81
+ },
82
+ rate: emitterRate,
83
+ particles: {
84
+ shape: {
85
+ type: "emoji",
86
+ options: {
87
+ emoji: {
88
+ value: "🤡",
89
+ padding: 15,
90
+ },
91
+ },
92
+ },
93
+ },
94
+ },
95
+ {
96
+ position: {
97
+ x: 50,
98
+ y: 50,
99
+ },
100
+ rate: emitterRate,
101
+ particles: {
102
+ shape: {
103
+ type: "emoji",
104
+ options: {
105
+ emoji: {
106
+ value: "🍑",
107
+ padding: 2,
108
+ },
109
+ },
110
+ },
111
+ },
112
+ },
113
+ ],
114
+ };
115
+ export default options;