@tsparticles/configs 3.0.0-beta.4 → 3.0.0-beta.5

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 (46) hide show
  1. package/browser/h/hollowknight.js +5 -2
  2. package/browser/i/imagesDirections.js +5 -2
  3. package/browser/l/localPolygonMask.js +5 -2
  4. package/browser/m/multiplePolygonMasks.js +5 -2
  5. package/browser/p/pathPolygonMask.js +5 -2
  6. package/browser/p/polygonMask.js +5 -2
  7. package/browser/s/index.js +2 -0
  8. package/browser/s/shapeEmoji.js +184 -0
  9. package/browser/t/themes.js +0 -1
  10. package/cjs/h/hollowknight.js +5 -2
  11. package/cjs/i/imagesDirections.js +5 -2
  12. package/cjs/l/localPolygonMask.js +5 -2
  13. package/cjs/m/multiplePolygonMasks.js +5 -2
  14. package/cjs/p/pathPolygonMask.js +5 -2
  15. package/cjs/p/polygonMask.js +5 -2
  16. package/cjs/s/index.js +2 -0
  17. package/cjs/s/shapeEmoji.js +186 -0
  18. package/cjs/t/themes.js +0 -1
  19. package/esm/h/hollowknight.js +5 -2
  20. package/esm/i/imagesDirections.js +5 -2
  21. package/esm/l/localPolygonMask.js +5 -2
  22. package/esm/m/multiplePolygonMasks.js +5 -2
  23. package/esm/p/pathPolygonMask.js +5 -2
  24. package/esm/p/polygonMask.js +5 -2
  25. package/esm/s/index.js +2 -0
  26. package/esm/s/shapeEmoji.js +184 -0
  27. package/esm/t/themes.js +0 -1
  28. package/package.json +2 -2
  29. package/report.html +3 -3
  30. package/tsparticles.configs.bundle.js +1 -1
  31. package/tsparticles.configs.bundle.min.js.LICENSE.txt +1 -1
  32. package/tsparticles.configs.js +214 -15
  33. package/tsparticles.configs.min.js +1 -1
  34. package/tsparticles.configs.min.js.LICENSE.txt +1 -1
  35. package/types/index.d.ts +1 -0
  36. package/types/s/index.d.ts +1 -0
  37. package/types/s/shapeEmoji.d.ts +3 -0
  38. package/umd/h/hollowknight.js +5 -2
  39. package/umd/i/imagesDirections.js +5 -2
  40. package/umd/l/localPolygonMask.js +5 -2
  41. package/umd/m/multiplePolygonMasks.js +5 -2
  42. package/umd/p/pathPolygonMask.js +5 -2
  43. package/umd/p/polygonMask.js +5 -2
  44. package/umd/s/index.js +3 -1
  45. package/umd/s/shapeEmoji.js +196 -0
  46. package/umd/t/themes.js +0 -1
@@ -89,8 +89,11 @@ const options = {
89
89
  polygon: {
90
90
  draw: {
91
91
  enable: true,
92
- lineColor: "rgba(255,255,255,0.2)",
93
- lineWidth: 0.5,
92
+ stroke: {
93
+ color: "#fff",
94
+ width: 0.5,
95
+ opacity: 0.2,
96
+ },
94
97
  },
95
98
  enable: true,
96
99
  move: {
@@ -84,8 +84,11 @@ const options = {
84
84
  polygon: {
85
85
  draw: {
86
86
  enable: false,
87
- lineColor: "#ffffff",
88
- lineWidth: 0.5,
87
+ stroke: {
88
+ color: "#fff",
89
+ width: 0.5,
90
+ opacity: 0.2,
91
+ },
89
92
  },
90
93
  move: {
91
94
  radius: 10,
@@ -53,8 +53,11 @@ const options = {
53
53
  polygon: {
54
54
  draw: {
55
55
  enable: true,
56
- lineColor: "rgba(255,255,255,1)",
57
- lineWidth: 1,
56
+ stroke: {
57
+ color: "#fff",
58
+ width: 0.5,
59
+ opacity: 0.2,
60
+ },
58
61
  },
59
62
  enable: true,
60
63
  move: {
@@ -95,8 +95,11 @@ const options = {
95
95
  polygon: {
96
96
  draw: {
97
97
  enable: true,
98
- lineColor: "rgba(255,255,255,0.2)",
99
- lineWidth: 0.5,
98
+ stroke: {
99
+ color: "#fff",
100
+ width: 0.5,
101
+ opacity: 0.2,
102
+ },
100
103
  },
101
104
  enable: true,
102
105
  move: {
@@ -56,8 +56,11 @@ const options = {
56
56
  polygon: {
57
57
  draw: {
58
58
  enable: true,
59
- lineColor: "rgba(255,255,255,0.2)",
60
- lineWidth: 0.5,
59
+ stroke: {
60
+ color: "#fff",
61
+ width: 0.5,
62
+ opacity: 0.2,
63
+ },
61
64
  },
62
65
  enable: true,
63
66
  move: {
@@ -95,8 +95,11 @@ const options = {
95
95
  polygon: {
96
96
  draw: {
97
97
  enable: true,
98
- lineColor: "rgba(255,255,255,0.2)",
99
- lineWidth: 1,
98
+ stroke: {
99
+ color: "#fff",
100
+ width: 1,
101
+ opacity: 0.2,
102
+ },
100
103
  },
101
104
  enable: true,
102
105
  move: {
@@ -2,6 +2,7 @@ import seaAnemone from "./seaAnemone.js";
2
2
  import shadow from "./shadow.js";
3
3
  import shapeArrow from "./shapeArrow.js";
4
4
  import shapeCog from "./shapeCog.js";
5
+ import shapeEmoji from "./shapeEmoji.js";
5
6
  import shapeHeart from "./shapeHeart.js";
6
7
  import shapeMultilineText from "./shapeMultilineText.js";
7
8
  import shapeOptions from "./shapeOptions.js";
@@ -27,6 +28,7 @@ export default {
27
28
  shadow,
28
29
  shapeArrow,
29
30
  shapeCog,
31
+ shapeEmoji,
30
32
  shapeHeart,
31
33
  shapeMultilineText,
32
34
  shapeOptions,
@@ -0,0 +1,184 @@
1
+ const emitterRate = {
2
+ delay: 0.1,
3
+ quantity: 2,
4
+ }, options = {
5
+ name: "Shape Emoji",
6
+ particles: {
7
+ opacity: {
8
+ value: 1,
9
+ },
10
+ size: {
11
+ value: {
12
+ min: 16,
13
+ max: 32,
14
+ },
15
+ },
16
+ move: {
17
+ enable: true,
18
+ gravity: {
19
+ enable: true,
20
+ },
21
+ speed: 15,
22
+ outModes: {
23
+ default: "destroy",
24
+ top: "none",
25
+ },
26
+ },
27
+ rotate: {
28
+ value: {
29
+ min: 0,
30
+ max: 360,
31
+ },
32
+ direction: "random",
33
+ move: true,
34
+ animation: {
35
+ enable: true,
36
+ speed: 60,
37
+ },
38
+ },
39
+ tilt: {
40
+ direction: "random",
41
+ enable: true,
42
+ move: true,
43
+ value: {
44
+ min: 0,
45
+ max: 360,
46
+ },
47
+ animation: {
48
+ enable: true,
49
+ speed: 60,
50
+ },
51
+ },
52
+ roll: {
53
+ darken: {
54
+ enable: true,
55
+ value: 30,
56
+ },
57
+ enlighten: {
58
+ enable: true,
59
+ value: 30,
60
+ },
61
+ enable: true,
62
+ mode: "both",
63
+ speed: {
64
+ min: 15,
65
+ max: 25,
66
+ },
67
+ },
68
+ wobble: {
69
+ distance: 30,
70
+ enable: true,
71
+ move: true,
72
+ speed: {
73
+ min: -15,
74
+ max: 15,
75
+ },
76
+ },
77
+ },
78
+ background: {
79
+ color: "#000000",
80
+ },
81
+ emitters: [
82
+ {
83
+ position: {
84
+ x: 0,
85
+ y: 33,
86
+ },
87
+ rate: emitterRate,
88
+ particles: {
89
+ move: {
90
+ direction: "top-right",
91
+ },
92
+ shape: {
93
+ type: "emoji",
94
+ options: {
95
+ emoji: {
96
+ value: "🦄",
97
+ },
98
+ },
99
+ },
100
+ },
101
+ },
102
+ {
103
+ position: {
104
+ x: 0,
105
+ y: 66,
106
+ },
107
+ rate: emitterRate,
108
+ particles: {
109
+ move: {
110
+ direction: "top-right",
111
+ },
112
+ shape: {
113
+ type: "emoji",
114
+ options: {
115
+ emoji: {
116
+ value: "🌈",
117
+ },
118
+ },
119
+ },
120
+ },
121
+ },
122
+ {
123
+ position: {
124
+ x: 100,
125
+ y: 33,
126
+ },
127
+ rate: emitterRate,
128
+ particles: {
129
+ move: {
130
+ direction: "top-left",
131
+ },
132
+ shape: {
133
+ type: "emoji",
134
+ options: {
135
+ emoji: {
136
+ value: "🎉",
137
+ },
138
+ },
139
+ },
140
+ },
141
+ },
142
+ {
143
+ position: {
144
+ x: 100,
145
+ y: 66,
146
+ },
147
+ rate: emitterRate,
148
+ particles: {
149
+ move: {
150
+ direction: "top-left",
151
+ },
152
+ shape: {
153
+ type: "emoji",
154
+ options: {
155
+ emoji: {
156
+ value: "🤡",
157
+ },
158
+ },
159
+ },
160
+ },
161
+ },
162
+ {
163
+ position: {
164
+ x: 50,
165
+ y: 50,
166
+ },
167
+ rate: emitterRate,
168
+ particles: {
169
+ move: {
170
+ direction: "top",
171
+ },
172
+ shape: {
173
+ type: "emoji",
174
+ options: {
175
+ emoji: {
176
+ value: "👻",
177
+ },
178
+ },
179
+ },
180
+ },
181
+ },
182
+ ],
183
+ };
184
+ export default options;
@@ -162,7 +162,6 @@ const options = {
162
162
  enable: true,
163
163
  mode: "push",
164
164
  },
165
- resize: true,
166
165
  },
167
166
  },
168
167
  detectRetina: true,
@@ -91,8 +91,11 @@ const options = {
91
91
  polygon: {
92
92
  draw: {
93
93
  enable: true,
94
- lineColor: "rgba(255,255,255,0.2)",
95
- lineWidth: 0.5,
94
+ stroke: {
95
+ color: "#fff",
96
+ width: 0.5,
97
+ opacity: 0.2,
98
+ },
96
99
  },
97
100
  enable: true,
98
101
  move: {
@@ -86,8 +86,11 @@ const options = {
86
86
  polygon: {
87
87
  draw: {
88
88
  enable: false,
89
- lineColor: "#ffffff",
90
- lineWidth: 0.5,
89
+ stroke: {
90
+ color: "#fff",
91
+ width: 0.5,
92
+ opacity: 0.2,
93
+ },
91
94
  },
92
95
  move: {
93
96
  radius: 10,
@@ -55,8 +55,11 @@ const options = {
55
55
  polygon: {
56
56
  draw: {
57
57
  enable: true,
58
- lineColor: "rgba(255,255,255,1)",
59
- lineWidth: 1,
58
+ stroke: {
59
+ color: "#fff",
60
+ width: 0.5,
61
+ opacity: 0.2,
62
+ },
60
63
  },
61
64
  enable: true,
62
65
  move: {
@@ -97,8 +97,11 @@ const options = {
97
97
  polygon: {
98
98
  draw: {
99
99
  enable: true,
100
- lineColor: "rgba(255,255,255,0.2)",
101
- lineWidth: 0.5,
100
+ stroke: {
101
+ color: "#fff",
102
+ width: 0.5,
103
+ opacity: 0.2,
104
+ },
102
105
  },
103
106
  enable: true,
104
107
  move: {
@@ -58,8 +58,11 @@ const options = {
58
58
  polygon: {
59
59
  draw: {
60
60
  enable: true,
61
- lineColor: "rgba(255,255,255,0.2)",
62
- lineWidth: 0.5,
61
+ stroke: {
62
+ color: "#fff",
63
+ width: 0.5,
64
+ opacity: 0.2,
65
+ },
63
66
  },
64
67
  enable: true,
65
68
  move: {
@@ -97,8 +97,11 @@ const options = {
97
97
  polygon: {
98
98
  draw: {
99
99
  enable: true,
100
- lineColor: "rgba(255,255,255,0.2)",
101
- lineWidth: 1,
100
+ stroke: {
101
+ color: "#fff",
102
+ width: 1,
103
+ opacity: 0.2,
104
+ },
102
105
  },
103
106
  enable: true,
104
107
  move: {
package/cjs/s/index.js CHANGED
@@ -7,6 +7,7 @@ const seaAnemone_js_1 = __importDefault(require("./seaAnemone.js"));
7
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
+ const shapeEmoji_js_1 = __importDefault(require("./shapeEmoji.js"));
10
11
  const shapeHeart_js_1 = __importDefault(require("./shapeHeart.js"));
11
12
  const shapeMultilineText_js_1 = __importDefault(require("./shapeMultilineText.js"));
12
13
  const shapeOptions_js_1 = __importDefault(require("./shapeOptions.js"));
@@ -32,6 +33,7 @@ exports.default = {
32
33
  shadow: shadow_js_1.default,
33
34
  shapeArrow: shapeArrow_js_1.default,
34
35
  shapeCog: shapeCog_js_1.default,
36
+ shapeEmoji: shapeEmoji_js_1.default,
35
37
  shapeHeart: shapeHeart_js_1.default,
36
38
  shapeMultilineText: shapeMultilineText_js_1.default,
37
39
  shapeOptions: shapeOptions_js_1.default,
@@ -0,0 +1,186 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const emitterRate = {
4
+ delay: 0.1,
5
+ quantity: 2,
6
+ }, options = {
7
+ name: "Shape Emoji",
8
+ particles: {
9
+ opacity: {
10
+ value: 1,
11
+ },
12
+ size: {
13
+ value: {
14
+ min: 16,
15
+ max: 32,
16
+ },
17
+ },
18
+ move: {
19
+ enable: true,
20
+ gravity: {
21
+ enable: true,
22
+ },
23
+ speed: 15,
24
+ outModes: {
25
+ default: "destroy",
26
+ top: "none",
27
+ },
28
+ },
29
+ rotate: {
30
+ value: {
31
+ min: 0,
32
+ max: 360,
33
+ },
34
+ direction: "random",
35
+ move: true,
36
+ animation: {
37
+ enable: true,
38
+ speed: 60,
39
+ },
40
+ },
41
+ tilt: {
42
+ direction: "random",
43
+ enable: true,
44
+ move: true,
45
+ value: {
46
+ min: 0,
47
+ max: 360,
48
+ },
49
+ animation: {
50
+ enable: true,
51
+ speed: 60,
52
+ },
53
+ },
54
+ roll: {
55
+ darken: {
56
+ enable: true,
57
+ value: 30,
58
+ },
59
+ enlighten: {
60
+ enable: true,
61
+ value: 30,
62
+ },
63
+ enable: true,
64
+ mode: "both",
65
+ speed: {
66
+ min: 15,
67
+ max: 25,
68
+ },
69
+ },
70
+ wobble: {
71
+ distance: 30,
72
+ enable: true,
73
+ move: true,
74
+ speed: {
75
+ min: -15,
76
+ max: 15,
77
+ },
78
+ },
79
+ },
80
+ background: {
81
+ color: "#000000",
82
+ },
83
+ emitters: [
84
+ {
85
+ position: {
86
+ x: 0,
87
+ y: 33,
88
+ },
89
+ rate: emitterRate,
90
+ particles: {
91
+ move: {
92
+ direction: "top-right",
93
+ },
94
+ shape: {
95
+ type: "emoji",
96
+ options: {
97
+ emoji: {
98
+ value: "🦄",
99
+ },
100
+ },
101
+ },
102
+ },
103
+ },
104
+ {
105
+ position: {
106
+ x: 0,
107
+ y: 66,
108
+ },
109
+ rate: emitterRate,
110
+ particles: {
111
+ move: {
112
+ direction: "top-right",
113
+ },
114
+ shape: {
115
+ type: "emoji",
116
+ options: {
117
+ emoji: {
118
+ value: "🌈",
119
+ },
120
+ },
121
+ },
122
+ },
123
+ },
124
+ {
125
+ position: {
126
+ x: 100,
127
+ y: 33,
128
+ },
129
+ rate: emitterRate,
130
+ particles: {
131
+ move: {
132
+ direction: "top-left",
133
+ },
134
+ shape: {
135
+ type: "emoji",
136
+ options: {
137
+ emoji: {
138
+ value: "🎉",
139
+ },
140
+ },
141
+ },
142
+ },
143
+ },
144
+ {
145
+ position: {
146
+ x: 100,
147
+ y: 66,
148
+ },
149
+ rate: emitterRate,
150
+ particles: {
151
+ move: {
152
+ direction: "top-left",
153
+ },
154
+ shape: {
155
+ type: "emoji",
156
+ options: {
157
+ emoji: {
158
+ value: "🤡",
159
+ },
160
+ },
161
+ },
162
+ },
163
+ },
164
+ {
165
+ position: {
166
+ x: 50,
167
+ y: 50,
168
+ },
169
+ rate: emitterRate,
170
+ particles: {
171
+ move: {
172
+ direction: "top",
173
+ },
174
+ shape: {
175
+ type: "emoji",
176
+ options: {
177
+ emoji: {
178
+ value: "👻",
179
+ },
180
+ },
181
+ },
182
+ },
183
+ },
184
+ ],
185
+ };
186
+ exports.default = options;
package/cjs/t/themes.js CHANGED
@@ -164,7 +164,6 @@ const options = {
164
164
  enable: true,
165
165
  mode: "push",
166
166
  },
167
- resize: true,
168
167
  },
169
168
  },
170
169
  detectRetina: true,
@@ -89,8 +89,11 @@ const options = {
89
89
  polygon: {
90
90
  draw: {
91
91
  enable: true,
92
- lineColor: "rgba(255,255,255,0.2)",
93
- lineWidth: 0.5,
92
+ stroke: {
93
+ color: "#fff",
94
+ width: 0.5,
95
+ opacity: 0.2,
96
+ },
94
97
  },
95
98
  enable: true,
96
99
  move: {
@@ -84,8 +84,11 @@ const options = {
84
84
  polygon: {
85
85
  draw: {
86
86
  enable: false,
87
- lineColor: "#ffffff",
88
- lineWidth: 0.5,
87
+ stroke: {
88
+ color: "#fff",
89
+ width: 0.5,
90
+ opacity: 0.2,
91
+ },
89
92
  },
90
93
  move: {
91
94
  radius: 10,
@@ -53,8 +53,11 @@ const options = {
53
53
  polygon: {
54
54
  draw: {
55
55
  enable: true,
56
- lineColor: "rgba(255,255,255,1)",
57
- lineWidth: 1,
56
+ stroke: {
57
+ color: "#fff",
58
+ width: 0.5,
59
+ opacity: 0.2,
60
+ },
58
61
  },
59
62
  enable: true,
60
63
  move: {
@@ -95,8 +95,11 @@ const options = {
95
95
  polygon: {
96
96
  draw: {
97
97
  enable: true,
98
- lineColor: "rgba(255,255,255,0.2)",
99
- lineWidth: 0.5,
98
+ stroke: {
99
+ color: "#fff",
100
+ width: 0.5,
101
+ opacity: 0.2,
102
+ },
100
103
  },
101
104
  enable: true,
102
105
  move: {
@@ -56,8 +56,11 @@ const options = {
56
56
  polygon: {
57
57
  draw: {
58
58
  enable: true,
59
- lineColor: "rgba(255,255,255,0.2)",
60
- lineWidth: 0.5,
59
+ stroke: {
60
+ color: "#fff",
61
+ width: 0.5,
62
+ opacity: 0.2,
63
+ },
61
64
  },
62
65
  enable: true,
63
66
  move: {
@@ -95,8 +95,11 @@ const options = {
95
95
  polygon: {
96
96
  draw: {
97
97
  enable: true,
98
- lineColor: "rgba(255,255,255,0.2)",
99
- lineWidth: 1,
98
+ stroke: {
99
+ color: "#fff",
100
+ width: 1,
101
+ opacity: 0.2,
102
+ },
100
103
  },
101
104
  enable: true,
102
105
  move: {