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