@tsparticles/configs 3.3.0 → 3.4.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 (92) hide show
  1. package/browser/c/clickConfetti.js +0 -1
  2. package/browser/e/effectTrailTransform.js +57 -0
  3. package/browser/e/emitterSpawnColor.js +6 -5
  4. package/browser/e/index.js +2 -0
  5. package/browser/f/fireworks.js +3 -1
  6. package/browser/f/fireworks2.js +2 -1
  7. package/browser/g/gradients.js +9 -8
  8. package/browser/i/imagesDirections.js +3 -2
  9. package/browser/m/mouseTrailNoise.js +0 -1
  10. package/browser/p/pop.js +2 -1
  11. package/browser/r/index.js +2 -0
  12. package/browser/r/randomShapes.js +417 -0
  13. package/browser/s/index.js +2 -0
  14. package/browser/s/shapeEmoji.js +6 -6
  15. package/browser/s/shapeInfinity.js +88 -0
  16. package/browser/t/tilt.js +0 -4
  17. package/browser/w/index.js +2 -0
  18. package/browser/w/wobble.js +0 -1
  19. package/browser/w/wobbleBig.js +139 -0
  20. package/cjs/c/clickConfetti.js +0 -1
  21. package/cjs/e/effectTrailTransform.js +59 -0
  22. package/cjs/e/emitterSpawnColor.js +6 -5
  23. package/cjs/e/index.js +2 -0
  24. package/cjs/f/fireworks.js +3 -1
  25. package/cjs/f/fireworks2.js +2 -1
  26. package/cjs/g/gradients.js +9 -8
  27. package/cjs/i/imagesDirections.js +3 -2
  28. package/cjs/m/mouseTrailNoise.js +0 -1
  29. package/cjs/p/pop.js +2 -1
  30. package/cjs/r/index.js +2 -0
  31. package/cjs/r/randomShapes.js +419 -0
  32. package/cjs/s/index.js +2 -0
  33. package/cjs/s/shapeEmoji.js +6 -6
  34. package/cjs/s/shapeInfinity.js +90 -0
  35. package/cjs/t/tilt.js +0 -4
  36. package/cjs/w/index.js +2 -0
  37. package/cjs/w/wobble.js +0 -1
  38. package/cjs/w/wobbleBig.js +141 -0
  39. package/esm/c/clickConfetti.js +0 -1
  40. package/esm/e/effectTrailTransform.js +57 -0
  41. package/esm/e/emitterSpawnColor.js +6 -5
  42. package/esm/e/index.js +2 -0
  43. package/esm/f/fireworks.js +3 -1
  44. package/esm/f/fireworks2.js +2 -1
  45. package/esm/g/gradients.js +9 -8
  46. package/esm/i/imagesDirections.js +3 -2
  47. package/esm/m/mouseTrailNoise.js +0 -1
  48. package/esm/p/pop.js +2 -1
  49. package/esm/r/index.js +2 -0
  50. package/esm/r/randomShapes.js +417 -0
  51. package/esm/s/index.js +2 -0
  52. package/esm/s/shapeEmoji.js +6 -6
  53. package/esm/s/shapeInfinity.js +88 -0
  54. package/esm/t/tilt.js +0 -4
  55. package/esm/w/index.js +2 -0
  56. package/esm/w/wobble.js +0 -1
  57. package/esm/w/wobbleBig.js +139 -0
  58. package/package.json +2 -2
  59. package/report.html +1 -1
  60. package/tsparticles.configs.bundle.js +1 -1
  61. package/tsparticles.configs.bundle.min.js.LICENSE.txt +1 -1
  62. package/tsparticles.configs.js +55 -15
  63. package/tsparticles.configs.min.js +1 -1
  64. package/tsparticles.configs.min.js.LICENSE.txt +1 -1
  65. package/types/e/effectTrailTransform.d.ts +3 -0
  66. package/types/e/index.d.ts +1 -0
  67. package/types/index.d.ts +4 -0
  68. package/types/r/index.d.ts +1 -0
  69. package/types/r/randomShapes.d.ts +3 -0
  70. package/types/s/index.d.ts +1 -0
  71. package/types/s/shapeInfinity.d.ts +3 -0
  72. package/types/w/index.d.ts +1 -0
  73. package/types/w/wobbleBig.d.ts +3 -0
  74. package/umd/c/clickConfetti.js +0 -1
  75. package/umd/e/effectTrailTransform.js +69 -0
  76. package/umd/e/emitterSpawnColor.js +7 -6
  77. package/umd/e/index.js +3 -1
  78. package/umd/f/fireworks.js +4 -2
  79. package/umd/f/fireworks2.js +3 -2
  80. package/umd/g/gradients.js +10 -9
  81. package/umd/i/imagesDirections.js +4 -3
  82. package/umd/m/mouseTrailNoise.js +0 -1
  83. package/umd/p/pop.js +3 -2
  84. package/umd/r/index.js +3 -1
  85. package/umd/r/randomShapes.js +429 -0
  86. package/umd/s/index.js +3 -1
  87. package/umd/s/shapeEmoji.js +7 -7
  88. package/umd/s/shapeInfinity.js +100 -0
  89. package/umd/t/tilt.js +0 -4
  90. package/umd/w/index.js +3 -1
  91. package/umd/w/wobble.js +0 -1
  92. package/umd/w/wobbleBig.js +151 -0
@@ -0,0 +1,419 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const options = {
4
+ key: "randomShapes",
5
+ name: "Random Shapes",
6
+ interactivity: {
7
+ events: {
8
+ onClick: {
9
+ enable: true,
10
+ mode: "push",
11
+ },
12
+ onHover: {
13
+ enable: true,
14
+ mode: "bubble",
15
+ },
16
+ },
17
+ modes: {
18
+ bubble: {
19
+ distance: 400,
20
+ duration: 2,
21
+ opacity: 0.8,
22
+ size: 40,
23
+ },
24
+ push: {
25
+ quantity: 4,
26
+ },
27
+ },
28
+ },
29
+ particles: {
30
+ color: {
31
+ value: "#000000",
32
+ },
33
+ stroke: {
34
+ color: {
35
+ value: "#ff0000",
36
+ },
37
+ width: 1,
38
+ },
39
+ move: {
40
+ enable: true,
41
+ speed: 2,
42
+ },
43
+ number: {
44
+ density: {
45
+ enable: true,
46
+ },
47
+ value: 80,
48
+ },
49
+ opacity: {
50
+ value: 1,
51
+ },
52
+ rotate: {
53
+ animation: {
54
+ enable: true,
55
+ speed: 5,
56
+ sync: false,
57
+ },
58
+ direction: "random",
59
+ value: {
60
+ min: 0,
61
+ max: 360,
62
+ },
63
+ },
64
+ shape: {
65
+ options: {
66
+ image: [
67
+ {
68
+ name: "apple",
69
+ },
70
+ {
71
+ name: "avocado",
72
+ },
73
+ {
74
+ name: "banana",
75
+ },
76
+ {
77
+ name: "berries",
78
+ },
79
+ {
80
+ name: "cherry",
81
+ },
82
+ {
83
+ name: "grapes",
84
+ },
85
+ {
86
+ name: "lemon",
87
+ },
88
+ {
89
+ name: "orange",
90
+ },
91
+ {
92
+ name: "peach",
93
+ },
94
+ {
95
+ name: "pear",
96
+ },
97
+ {
98
+ name: "pepper",
99
+ },
100
+ {
101
+ name: "plum",
102
+ },
103
+ {
104
+ name: "star",
105
+ },
106
+ {
107
+ name: "strawberry",
108
+ },
109
+ {
110
+ name: "watermelon",
111
+ },
112
+ {
113
+ name: "watermelon_slice",
114
+ },
115
+ ],
116
+ arrow: {
117
+ heightFactor: {
118
+ min: 0.3,
119
+ max: 0.8,
120
+ },
121
+ headWidthFactor: {
122
+ min: 0.3,
123
+ max: 0.8,
124
+ },
125
+ bodyHeightFactor: {
126
+ min: 0.3,
127
+ max: 0.8,
128
+ },
129
+ },
130
+ cog: {
131
+ holeRadius: 44,
132
+ innerRadius: 72,
133
+ innerTaper: 35,
134
+ notches: 7,
135
+ outerTaper: 50,
136
+ },
137
+ emoji: {
138
+ value: "🌈",
139
+ },
140
+ text: {
141
+ value: "pippo\npluto",
142
+ },
143
+ path: [
144
+ {
145
+ segments: [
146
+ {
147
+ type: "line",
148
+ values: [
149
+ {
150
+ x: -0.5,
151
+ y: -0.5,
152
+ },
153
+ ],
154
+ },
155
+ {
156
+ type: "bezier",
157
+ values: [
158
+ {
159
+ x: -0.5,
160
+ y: 0.5,
161
+ },
162
+ {
163
+ x: 1,
164
+ y: 1,
165
+ },
166
+ {
167
+ x: 1,
168
+ y: 0.5,
169
+ },
170
+ {
171
+ x: 1,
172
+ y: -0.5,
173
+ },
174
+ ],
175
+ },
176
+ {
177
+ type: "quadratic",
178
+ values: [
179
+ {
180
+ x: 0.5,
181
+ y: 0.5,
182
+ },
183
+ {
184
+ x: 0.5,
185
+ y: -0.5,
186
+ },
187
+ {
188
+ x: -0.5,
189
+ y: 0.5,
190
+ },
191
+ ],
192
+ },
193
+ {
194
+ type: "line",
195
+ values: [
196
+ {
197
+ x: 0.5,
198
+ y: -0.5,
199
+ },
200
+ ],
201
+ },
202
+ ],
203
+ half: false,
204
+ },
205
+ {
206
+ segments: [
207
+ {
208
+ type: "line",
209
+ values: [
210
+ {
211
+ x: -1,
212
+ y: -1,
213
+ },
214
+ ],
215
+ },
216
+ {
217
+ type: "bezier",
218
+ values: [
219
+ {
220
+ x: -1,
221
+ y: 1,
222
+ },
223
+ {
224
+ x: 1,
225
+ y: 1,
226
+ },
227
+ {
228
+ x: 0.5,
229
+ y: 1,
230
+ },
231
+ {
232
+ x: -0.5,
233
+ y: 1,
234
+ },
235
+ ],
236
+ },
237
+ {
238
+ type: "quadratic",
239
+ values: [
240
+ {
241
+ x: 1,
242
+ y: 1,
243
+ },
244
+ {
245
+ x: 1,
246
+ y: -1,
247
+ },
248
+ {
249
+ x: -1,
250
+ y: 1,
251
+ },
252
+ ],
253
+ },
254
+ {
255
+ type: "line",
256
+ values: [
257
+ {
258
+ x: 1,
259
+ y: -1,
260
+ },
261
+ ],
262
+ },
263
+ ],
264
+ half: false,
265
+ },
266
+ ],
267
+ "rounded-polygon": [
268
+ {
269
+ radius: { min: 0, max: 10 },
270
+ sides: { min: 3, max: 8 },
271
+ },
272
+ ],
273
+ "rounded-rect": {
274
+ radius: { min: 5, max: 15 },
275
+ },
276
+ spiral: {
277
+ innerRadius: 0.5,
278
+ lineSpacing: 0.5,
279
+ fill: false,
280
+ close: false,
281
+ },
282
+ spades: {
283
+ particles: {
284
+ color: {
285
+ value: "#000000",
286
+ },
287
+ },
288
+ },
289
+ hearts: {
290
+ particles: {
291
+ color: {
292
+ value: "#ff0000",
293
+ },
294
+ },
295
+ },
296
+ diamonds: {
297
+ particles: {
298
+ color: {
299
+ value: "#ff0000",
300
+ },
301
+ },
302
+ },
303
+ clubs: {
304
+ particles: {
305
+ color: {
306
+ value: "#000000",
307
+ },
308
+ },
309
+ },
310
+ },
311
+ type: "random",
312
+ },
313
+ size: {
314
+ value: 16,
315
+ },
316
+ },
317
+ background: {
318
+ color: "#fff",
319
+ },
320
+ preload: [
321
+ {
322
+ src: "https://particles.js.org/images/fruits/apple.png",
323
+ name: "apple",
324
+ width: 32,
325
+ height: 32,
326
+ },
327
+ {
328
+ src: "https://particles.js.org/images/fruits/avocado.png",
329
+ name: "avocado",
330
+ width: 32,
331
+ height: 32,
332
+ },
333
+ {
334
+ src: "https://particles.js.org/images/fruits/banana.png",
335
+ name: "banana",
336
+ width: 32,
337
+ height: 32,
338
+ },
339
+ {
340
+ src: "https://particles.js.org/images/fruits/berries.png",
341
+ name: "berries",
342
+ width: 32,
343
+ height: 32,
344
+ },
345
+ {
346
+ src: "https://particles.js.org/images/fruits/cherry.png",
347
+ name: "cherry",
348
+ width: 32,
349
+ height: 32,
350
+ },
351
+ {
352
+ src: "https://particles.js.org/images/fruits/grapes.png",
353
+ name: "grapes",
354
+ width: 32,
355
+ height: 32,
356
+ },
357
+ {
358
+ src: "https://particles.js.org/images/fruits/lemon.png",
359
+ name: "lemon",
360
+ width: 32,
361
+ height: 32,
362
+ },
363
+ {
364
+ src: "https://particles.js.org/images/fruits/orange.png",
365
+ name: "orange",
366
+ width: 32,
367
+ height: 32,
368
+ },
369
+ {
370
+ src: "https://particles.js.org/images/fruits/peach.png",
371
+ name: "peach",
372
+ width: 32,
373
+ height: 32,
374
+ },
375
+ {
376
+ src: "https://particles.js.org/images/fruits/pear.png",
377
+ name: "pear",
378
+ width: 32,
379
+ height: 32,
380
+ },
381
+ {
382
+ src: "https://particles.js.org/images/fruits/pepper.png",
383
+ name: "pepper",
384
+ width: 32,
385
+ height: 32,
386
+ },
387
+ {
388
+ src: "https://particles.js.org/images/fruits/plum.png",
389
+ name: "plum",
390
+ width: 32,
391
+ height: 32,
392
+ },
393
+ {
394
+ src: "https://particles.js.org/images/fruits/star.png",
395
+ name: "star",
396
+ width: 32,
397
+ height: 32,
398
+ },
399
+ {
400
+ src: "https://particles.js.org/images/fruits/strawberry.png",
401
+ name: "strawberry",
402
+ width: 32,
403
+ height: 32,
404
+ },
405
+ {
406
+ src: "https://particles.js.org/images/fruits/watermelon.png",
407
+ name: "watermelon",
408
+ width: 32,
409
+ height: 32,
410
+ },
411
+ {
412
+ src: "https://particles.js.org/images/fruits/watermelon_slice.png",
413
+ name: "watermelon_slice",
414
+ width: 32,
415
+ height: 32,
416
+ },
417
+ ],
418
+ };
419
+ exports.default = options;
package/cjs/s/index.js CHANGED
@@ -9,6 +9,7 @@ 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
11
  const shapeHeart_js_1 = __importDefault(require("./shapeHeart.js"));
12
+ const shapeInfinity_js_1 = __importDefault(require("./shapeInfinity.js"));
12
13
  const shapeMultilineText_js_1 = __importDefault(require("./shapeMultilineText.js"));
13
14
  const shapeOptions_js_1 = __importDefault(require("./shapeOptions.js"));
14
15
  const shapePath_js_1 = __importDefault(require("./shapePath.js"));
@@ -35,6 +36,7 @@ exports.default = {
35
36
  shapeCog: shapeCog_js_1.default,
36
37
  shapeEmoji: shapeEmoji_js_1.default,
37
38
  shapeHeart: shapeHeart_js_1.default,
39
+ shapeInfinity: shapeInfinity_js_1.default,
38
40
  shapeMultilineText: shapeMultilineText_js_1.default,
39
41
  shapeOptions: shapeOptions_js_1.default,
40
42
  shapePath: shapePath_js_1.default,
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const engine_1 = require("@tsparticles/engine");
3
4
  const emitterRate = {
4
5
  delay: 0.1,
5
6
  quantity: 2,
@@ -42,7 +43,6 @@ const emitterRate = {
42
43
  tilt: {
43
44
  direction: "random",
44
45
  enable: true,
45
- move: true,
46
46
  value: {
47
47
  min: 0,
48
48
  max: 360,
@@ -90,7 +90,7 @@ const emitterRate = {
90
90
  rate: emitterRate,
91
91
  particles: {
92
92
  move: {
93
- direction: "top-right",
93
+ direction: engine_1.MoveDirection.topRight,
94
94
  },
95
95
  shape: {
96
96
  type: "emoji",
@@ -110,7 +110,7 @@ const emitterRate = {
110
110
  rate: emitterRate,
111
111
  particles: {
112
112
  move: {
113
- direction: "top-right",
113
+ direction: engine_1.MoveDirection.topRight,
114
114
  },
115
115
  shape: {
116
116
  type: "emoji",
@@ -130,7 +130,7 @@ const emitterRate = {
130
130
  rate: emitterRate,
131
131
  particles: {
132
132
  move: {
133
- direction: "top-left",
133
+ direction: engine_1.MoveDirection.topLeft,
134
134
  },
135
135
  shape: {
136
136
  type: "emoji",
@@ -150,7 +150,7 @@ const emitterRate = {
150
150
  rate: emitterRate,
151
151
  particles: {
152
152
  move: {
153
- direction: "top-left",
153
+ direction: engine_1.MoveDirection.topLeft,
154
154
  },
155
155
  shape: {
156
156
  type: "emoji",
@@ -170,7 +170,7 @@ const emitterRate = {
170
170
  rate: emitterRate,
171
171
  particles: {
172
172
  move: {
173
- direction: "top",
173
+ direction: engine_1.MoveDirection.top,
174
174
  },
175
175
  shape: {
176
176
  type: "emoji",
@@ -0,0 +1,90 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const options = {
4
+ key: "shapeInfinity",
5
+ name: "Shape Infinity",
6
+ particles: {
7
+ number: {
8
+ value: 80,
9
+ density: {
10
+ enable: true,
11
+ },
12
+ },
13
+ color: {
14
+ value: "transparent",
15
+ },
16
+ stroke: {
17
+ color: {
18
+ value: "#ff0000",
19
+ animation: {
20
+ enable: true,
21
+ speed: 20,
22
+ sync: true,
23
+ },
24
+ },
25
+ width: 1,
26
+ },
27
+ shape: {
28
+ type: "infinity",
29
+ },
30
+ opacity: {
31
+ value: 0.5,
32
+ },
33
+ size: {
34
+ value: {
35
+ min: 20,
36
+ max: 30,
37
+ },
38
+ },
39
+ move: {
40
+ enable: true,
41
+ speed: 6,
42
+ },
43
+ rotate: {
44
+ animation: {
45
+ enable: true,
46
+ speed: 20,
47
+ sync: false,
48
+ },
49
+ },
50
+ },
51
+ interactivity: {
52
+ events: {
53
+ onHover: {
54
+ enable: true,
55
+ mode: "repulse",
56
+ },
57
+ onClick: {
58
+ enable: true,
59
+ mode: "push",
60
+ },
61
+ },
62
+ modes: {
63
+ grab: {
64
+ distance: 400,
65
+ links: {
66
+ opacity: 1,
67
+ },
68
+ },
69
+ bubble: {
70
+ distance: 400,
71
+ size: 40,
72
+ duration: 2,
73
+ opacity: 0.8,
74
+ },
75
+ repulse: {
76
+ distance: 200,
77
+ },
78
+ push: {
79
+ quantity: 4,
80
+ },
81
+ remove: {
82
+ quantity: 2,
83
+ },
84
+ },
85
+ },
86
+ background: {
87
+ color: "#000000",
88
+ },
89
+ };
90
+ exports.default = options;
package/cjs/t/tilt.js CHANGED
@@ -57,13 +57,9 @@ const options = {
57
57
  sync: true,
58
58
  },
59
59
  },
60
- rotate: {
61
- value: { min: 0, max: 360 },
62
- },
63
60
  tilt: {
64
61
  direction: "random",
65
62
  enable: true,
66
- move: true,
67
63
  value: {
68
64
  min: 0,
69
65
  max: 360,
package/cjs/w/index.js CHANGED
@@ -5,7 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const warp_js_1 = __importDefault(require("./warp.js"));
7
7
  const wobble_js_1 = __importDefault(require("./wobble.js"));
8
+ const wobbleBig_js_1 = __importDefault(require("./wobbleBig.js"));
8
9
  exports.default = {
9
10
  warp: warp_js_1.default,
10
11
  wobble: wobble_js_1.default,
12
+ wobbleBig: wobbleBig_js_1.default,
11
13
  };
package/cjs/w/wobble.js CHANGED
@@ -72,7 +72,6 @@ const options = {
72
72
  tilt: {
73
73
  direction: "random",
74
74
  enable: true,
75
- move: true,
76
75
  value: {
77
76
  min: 0,
78
77
  max: 360,