@tsparticles/configs 4.0.0-alpha.2 → 4.0.0-alpha.4

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 (88) hide show
  1. package/browser/c/chars.js +0 -5
  2. package/browser/c/clickConfetti.js +1 -1
  3. package/browser/c/collisionsAbsorb.js +0 -9
  4. package/browser/c/collisionsBounce.js +0 -9
  5. package/browser/c/collisionsDestroy.js +0 -9
  6. package/browser/d/dataImages.js +0 -5
  7. package/browser/e/emitter.js +14 -13
  8. package/browser/i/imageMask.js +0 -5
  9. package/browser/m/multipleClickEmitters.js +1 -1
  10. package/browser/m/multiplePolygonMasks.js +0 -5
  11. package/browser/p/parallax.js +5 -17
  12. package/browser/p/polygonMask.js +0 -5
  13. package/browser/p/polygons.js +0 -5
  14. package/browser/r/random.js +0 -5
  15. package/browser/s/shadow.js +0 -5
  16. package/browser/s/slow.js +0 -5
  17. package/browser/s/speedDecay.js +0 -9
  18. package/browser/s/svgReplace.js +0 -5
  19. package/browser/t/textMask.js +0 -5
  20. package/browser/t/textMaskMultiline.js +0 -5
  21. package/cjs/c/chars.js +0 -5
  22. package/cjs/c/clickConfetti.js +1 -1
  23. package/cjs/c/collisionsAbsorb.js +0 -9
  24. package/cjs/c/collisionsBounce.js +0 -9
  25. package/cjs/c/collisionsDestroy.js +0 -9
  26. package/cjs/d/dataImages.js +0 -5
  27. package/cjs/e/emitter.js +14 -13
  28. package/cjs/i/imageMask.js +0 -5
  29. package/cjs/m/multipleClickEmitters.js +1 -1
  30. package/cjs/m/multiplePolygonMasks.js +0 -5
  31. package/cjs/p/parallax.js +5 -17
  32. package/cjs/p/polygonMask.js +0 -5
  33. package/cjs/p/polygons.js +0 -5
  34. package/cjs/r/random.js +0 -5
  35. package/cjs/s/shadow.js +0 -5
  36. package/cjs/s/slow.js +0 -5
  37. package/cjs/s/speedDecay.js +0 -9
  38. package/cjs/s/svgReplace.js +0 -5
  39. package/cjs/t/textMask.js +0 -5
  40. package/cjs/t/textMaskMultiline.js +0 -5
  41. package/esm/c/chars.js +0 -5
  42. package/esm/c/clickConfetti.js +1 -1
  43. package/esm/c/collisionsAbsorb.js +0 -9
  44. package/esm/c/collisionsBounce.js +0 -9
  45. package/esm/c/collisionsDestroy.js +0 -9
  46. package/esm/d/dataImages.js +0 -5
  47. package/esm/e/emitter.js +14 -13
  48. package/esm/i/imageMask.js +0 -5
  49. package/esm/m/multipleClickEmitters.js +1 -1
  50. package/esm/m/multiplePolygonMasks.js +0 -5
  51. package/esm/p/parallax.js +5 -17
  52. package/esm/p/polygonMask.js +0 -5
  53. package/esm/p/polygons.js +0 -5
  54. package/esm/r/random.js +0 -5
  55. package/esm/s/shadow.js +0 -5
  56. package/esm/s/slow.js +0 -5
  57. package/esm/s/speedDecay.js +0 -9
  58. package/esm/s/svgReplace.js +0 -5
  59. package/esm/t/textMask.js +0 -5
  60. package/esm/t/textMaskMultiline.js +0 -5
  61. package/package.json +2 -2
  62. package/report.html +1 -1
  63. package/tsparticles.configs.bundle.js +1 -1
  64. package/tsparticles.configs.bundle.min.js.LICENSE.txt +1 -1
  65. package/tsparticles.configs.js +20 -20
  66. package/tsparticles.configs.min.js +1 -1
  67. package/tsparticles.configs.min.js.LICENSE.txt +1 -1
  68. package/types/e/emitter.d.ts +1 -1
  69. package/umd/c/chars.js +0 -5
  70. package/umd/c/clickConfetti.js +1 -1
  71. package/umd/c/collisionsAbsorb.js +0 -9
  72. package/umd/c/collisionsBounce.js +0 -9
  73. package/umd/c/collisionsDestroy.js +0 -9
  74. package/umd/d/dataImages.js +0 -5
  75. package/umd/e/emitter.js +15 -14
  76. package/umd/i/imageMask.js +0 -5
  77. package/umd/m/multipleClickEmitters.js +1 -1
  78. package/umd/m/multiplePolygonMasks.js +0 -5
  79. package/umd/p/parallax.js +5 -17
  80. package/umd/p/polygonMask.js +0 -5
  81. package/umd/p/polygons.js +0 -5
  82. package/umd/r/random.js +0 -5
  83. package/umd/s/shadow.js +0 -5
  84. package/umd/s/slow.js +0 -5
  85. package/umd/s/speedDecay.js +0 -9
  86. package/umd/s/svgReplace.js +0 -5
  87. package/umd/t/textMask.js +0 -5
  88. package/umd/t/textMaskMultiline.js +0 -5
package/browser/c/chars.js CHANGED
@@ -66,11 +66,6 @@ const options = {
66
66
  onHover: {
67
67
  enable: true,
68
68
  mode: "repulse",
69
- parallax: {
70
- enable: false,
71
- force: 60,
72
- smooth: 10,
73
- },
74
69
  },
75
70
  onClick: {
76
71
  enable: true,
package/browser/c/clickConfetti.js CHANGED
@@ -6,7 +6,7 @@ const options = {
6
6
  events: {
7
7
  onClick: {
8
8
  enable: true,
9
- mode: "emitter",
9
+ mode: "emitters",
10
10
  },
11
11
  },
12
12
  modes: {
package/browser/c/collisionsAbsorb.js CHANGED
@@ -44,15 +44,6 @@ const options = {
44
44
  },
45
45
  interactivity: {
46
46
  events: {
47
- onHover: {
48
- enable: false,
49
- mode: "repulse",
50
- parallax: {
51
- enable: false,
52
- force: 60,
53
- smooth: 10,
54
- },
55
- },
56
47
  onClick: {
57
48
  enable: true,
58
49
  mode: "push",
package/browser/c/collisionsBounce.js CHANGED
@@ -40,15 +40,6 @@ const options = {
40
40
  },
41
41
  interactivity: {
42
42
  events: {
43
- onHover: {
44
- enable: false,
45
- mode: "repulse",
46
- parallax: {
47
- enable: false,
48
- force: 60,
49
- smooth: 10,
50
- },
51
- },
52
43
  onClick: {
53
44
  enable: true,
54
45
  mode: "push",
package/browser/c/collisionsDestroy.js CHANGED
@@ -67,15 +67,6 @@ const options = {
67
67
  },
68
68
  interactivity: {
69
69
  events: {
70
- onHover: {
71
- enable: false,
72
- mode: "repulse",
73
- parallax: {
74
- enable: false,
75
- force: 60,
76
- smooth: 10,
77
- },
78
- },
79
70
  onClick: {
80
71
  enable: true,
81
72
  mode: "push",
package/browser/d/dataImages.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "bubble",
13
- parallax: {
14
- enable: false,
15
- force: 60,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/browser/e/emitter.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { OutMode } from "@tsparticles/engine";
1
2
  const options = {
2
3
  key: "emitter",
3
4
  name: "Emitter",
@@ -37,13 +38,9 @@ const options = {
37
38
  },
38
39
  interactivity: {
39
40
  events: {
40
- onHover: {
41
- enable: false,
42
- mode: "repulse",
43
- },
44
41
  onClick: {
45
42
  enable: true,
46
- mode: "emitter",
43
+ mode: "emitters",
47
44
  },
48
45
  },
49
46
  modes: {
@@ -56,8 +53,10 @@ const options = {
56
53
  particles: {
57
54
  shape: {
58
55
  type: "star",
59
- polygon: {
60
- sides: 7,
56
+ options: {
57
+ star: {
58
+ sides: 7,
59
+ },
61
60
  },
62
61
  },
63
62
  rotate: {
@@ -86,7 +85,7 @@ const options = {
86
85
  },
87
86
  move: {
88
87
  speed: 20,
89
- outModes: "destroy",
88
+ outModes: OutMode.destroy,
90
89
  },
91
90
  },
92
91
  },
@@ -126,8 +125,10 @@ const options = {
126
125
  particles: {
127
126
  shape: {
128
127
  type: "polygon",
129
- polygon: {
130
- sides: 6,
128
+ options: {
129
+ polygon: {
130
+ sides: 6,
131
+ },
131
132
  },
132
133
  },
133
134
  rotate: {
@@ -156,7 +157,7 @@ const options = {
156
157
  },
157
158
  move: {
158
159
  speed: 20,
159
- outModes: "destroy",
160
+ outModes: OutMode.destroy,
160
161
  },
161
162
  },
162
163
  },
@@ -203,7 +204,7 @@ const options = {
203
204
  },
204
205
  move: {
205
206
  speed: 10,
206
- outModes: "destroy",
207
+ outModes: OutMode.destroy,
207
208
  },
208
209
  },
209
210
  },
@@ -243,7 +244,7 @@ const options = {
243
244
  },
244
245
  move: {
245
246
  speed: 20,
246
- outModes: "destroy",
247
+ outModes: OutMode.destroy,
247
248
  },
248
249
  },
249
250
  },
package/browser/i/imageMask.js CHANGED
@@ -7,11 +7,6 @@ const minFilterValue = 30, minFilterAlpha = 0, options = {
7
7
  onHover: {
8
8
  enable: true,
9
9
  mode: "bubble",
10
- parallax: {
11
- enable: false,
12
- force: 2,
13
- smooth: 10,
14
- },
15
10
  },
16
11
  },
17
12
  modes: {
package/browser/m/multipleClickEmitters.js CHANGED
@@ -8,7 +8,7 @@ const options = {
8
8
  events: {
9
9
  onClick: {
10
10
  enable: true,
11
- mode: "emitter",
11
+ mode: "emitters",
12
12
  },
13
13
  },
14
14
  modes: {
package/browser/m/multiplePolygonMasks.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "bubble",
13
- parallax: {
14
- enable: false,
15
- force: 2,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/browser/p/parallax.js CHANGED
@@ -52,12 +52,7 @@ const options = {
52
52
  events: {
53
53
  onHover: {
54
54
  enable: true,
55
- mode: "grab",
56
- parallax: {
57
- enable: true,
58
- smooth: 10,
59
- force: 60,
60
- },
55
+ mode: ["grab", "parallax"],
61
56
  },
62
57
  onClick: {
63
58
  enable: true,
@@ -71,21 +66,14 @@ const options = {
71
66
  opacity: 1,
72
67
  },
73
68
  },
74
- bubble: {
75
- distance: 400,
76
- size: 40,
77
- duration: 2,
78
- opacity: 0.8,
79
- },
80
- repulse: {
81
- distance: 200,
69
+ parallax: {
70
+ enable: true,
71
+ smooth: 10,
72
+ force: 60,
82
73
  },
83
74
  push: {
84
75
  quantity: 4,
85
76
  },
86
- remove: {
87
- quantity: 2,
88
- },
89
77
  },
90
78
  },
91
79
  background: {
package/browser/p/polygonMask.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "bubble",
13
- parallax: {
14
- enable: false,
15
- force: 2,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/browser/p/polygons.js CHANGED
@@ -95,11 +95,6 @@ const options = {
95
95
  onHover: {
96
96
  enable: true,
97
97
  mode: "bubble",
98
- parallax: {
99
- enable: false,
100
- force: 60,
101
- smooth: 10,
102
- },
103
98
  },
104
99
  onClick: {
105
100
  enable: true,
package/browser/r/random.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "connect",
13
- parallax: {
14
- enable: false,
15
- force: 60,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/browser/s/shadow.js CHANGED
@@ -60,11 +60,6 @@ const options = {
60
60
  onHover: {
61
61
  enable: true,
62
62
  mode: "repulse",
63
- parallax: {
64
- enable: false,
65
- force: 60,
66
- smooth: 10,
67
- },
68
63
  },
69
64
  onClick: {
70
65
  enable: true,
package/browser/s/slow.js CHANGED
@@ -40,11 +40,6 @@ const options = {
40
40
  onHover: {
41
41
  enable: true,
42
42
  mode: "slow",
43
- parallax: {
44
- enable: false,
45
- force: 60,
46
- smooth: 10,
47
- },
48
43
  },
49
44
  onClick: {
50
45
  enable: true,
package/browser/s/speedDecay.js CHANGED
@@ -47,15 +47,6 @@ const options = {
47
47
  },
48
48
  interactivity: {
49
49
  events: {
50
- onHover: {
51
- enable: false,
52
- mode: "repulse",
53
- parallax: {
54
- enable: false,
55
- force: 60,
56
- smooth: 10,
57
- },
58
- },
59
50
  onClick: {
60
51
  enable: true,
61
52
  mode: "push",
package/browser/s/svgReplace.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "bubble",
13
- parallax: {
14
- enable: false,
15
- force: 60,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/browser/t/textMask.js CHANGED
@@ -7,11 +7,6 @@ const minAlphaFilter = 0, options = {
7
7
  onHover: {
8
8
  enable: true,
9
9
  mode: "bubble",
10
- parallax: {
11
- enable: false,
12
- force: 2,
13
- smooth: 10,
14
- },
15
10
  },
16
11
  },
17
12
  modes: {
package/browser/t/textMaskMultiline.js CHANGED
@@ -7,11 +7,6 @@ const minAlphaFilter = 0, options = {
7
7
  onHover: {
8
8
  enable: true,
9
9
  mode: "bubble",
10
- parallax: {
11
- enable: false,
12
- force: 2,
13
- smooth: 10,
14
- },
15
10
  },
16
11
  },
17
12
  modes: {
package/cjs/c/chars.js CHANGED
@@ -66,11 +66,6 @@ const options = {
66
66
  onHover: {
67
67
  enable: true,
68
68
  mode: "repulse",
69
- parallax: {
70
- enable: false,
71
- force: 60,
72
- smooth: 10,
73
- },
74
69
  },
75
70
  onClick: {
76
71
  enable: true,
package/cjs/c/clickConfetti.js CHANGED
@@ -6,7 +6,7 @@ const options = {
6
6
  events: {
7
7
  onClick: {
8
8
  enable: true,
9
- mode: "emitter",
9
+ mode: "emitters",
10
10
  },
11
11
  },
12
12
  modes: {
package/cjs/c/collisionsAbsorb.js CHANGED
@@ -44,15 +44,6 @@ const options = {
44
44
  },
45
45
  interactivity: {
46
46
  events: {
47
- onHover: {
48
- enable: false,
49
- mode: "repulse",
50
- parallax: {
51
- enable: false,
52
- force: 60,
53
- smooth: 10,
54
- },
55
- },
56
47
  onClick: {
57
48
  enable: true,
58
49
  mode: "push",
package/cjs/c/collisionsBounce.js CHANGED
@@ -40,15 +40,6 @@ const options = {
40
40
  },
41
41
  interactivity: {
42
42
  events: {
43
- onHover: {
44
- enable: false,
45
- mode: "repulse",
46
- parallax: {
47
- enable: false,
48
- force: 60,
49
- smooth: 10,
50
- },
51
- },
52
43
  onClick: {
53
44
  enable: true,
54
45
  mode: "push",
package/cjs/c/collisionsDestroy.js CHANGED
@@ -67,15 +67,6 @@ const options = {
67
67
  },
68
68
  interactivity: {
69
69
  events: {
70
- onHover: {
71
- enable: false,
72
- mode: "repulse",
73
- parallax: {
74
- enable: false,
75
- force: 60,
76
- smooth: 10,
77
- },
78
- },
79
70
  onClick: {
80
71
  enable: true,
81
72
  mode: "push",
package/cjs/d/dataImages.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "bubble",
13
- parallax: {
14
- enable: false,
15
- force: 60,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/cjs/e/emitter.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { OutMode } from "@tsparticles/engine";
1
2
  const options = {
2
3
  key: "emitter",
3
4
  name: "Emitter",
@@ -37,13 +38,9 @@ const options = {
37
38
  },
38
39
  interactivity: {
39
40
  events: {
40
- onHover: {
41
- enable: false,
42
- mode: "repulse",
43
- },
44
41
  onClick: {
45
42
  enable: true,
46
- mode: "emitter",
43
+ mode: "emitters",
47
44
  },
48
45
  },
49
46
  modes: {
@@ -56,8 +53,10 @@ const options = {
56
53
  particles: {
57
54
  shape: {
58
55
  type: "star",
59
- polygon: {
60
- sides: 7,
56
+ options: {
57
+ star: {
58
+ sides: 7,
59
+ },
61
60
  },
62
61
  },
63
62
  rotate: {
@@ -86,7 +85,7 @@ const options = {
86
85
  },
87
86
  move: {
88
87
  speed: 20,
89
- outModes: "destroy",
88
+ outModes: OutMode.destroy,
90
89
  },
91
90
  },
92
91
  },
@@ -126,8 +125,10 @@ const options = {
126
125
  particles: {
127
126
  shape: {
128
127
  type: "polygon",
129
- polygon: {
130
- sides: 6,
128
+ options: {
129
+ polygon: {
130
+ sides: 6,
131
+ },
131
132
  },
132
133
  },
133
134
  rotate: {
@@ -156,7 +157,7 @@ const options = {
156
157
  },
157
158
  move: {
158
159
  speed: 20,
159
- outModes: "destroy",
160
+ outModes: OutMode.destroy,
160
161
  },
161
162
  },
162
163
  },
@@ -203,7 +204,7 @@ const options = {
203
204
  },
204
205
  move: {
205
206
  speed: 10,
206
- outModes: "destroy",
207
+ outModes: OutMode.destroy,
207
208
  },
208
209
  },
209
210
  },
@@ -243,7 +244,7 @@ const options = {
243
244
  },
244
245
  move: {
245
246
  speed: 20,
246
- outModes: "destroy",
247
+ outModes: OutMode.destroy,
247
248
  },
248
249
  },
249
250
  },
package/cjs/i/imageMask.js CHANGED
@@ -7,11 +7,6 @@ const minFilterValue = 30, minFilterAlpha = 0, options = {
7
7
  onHover: {
8
8
  enable: true,
9
9
  mode: "bubble",
10
- parallax: {
11
- enable: false,
12
- force: 2,
13
- smooth: 10,
14
- },
15
10
  },
16
11
  },
17
12
  modes: {
package/cjs/m/multipleClickEmitters.js CHANGED
@@ -8,7 +8,7 @@ const options = {
8
8
  events: {
9
9
  onClick: {
10
10
  enable: true,
11
- mode: "emitter",
11
+ mode: "emitters",
12
12
  },
13
13
  },
14
14
  modes: {
package/cjs/m/multiplePolygonMasks.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "bubble",
13
- parallax: {
14
- enable: false,
15
- force: 2,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/cjs/p/parallax.js CHANGED
@@ -52,12 +52,7 @@ const options = {
52
52
  events: {
53
53
  onHover: {
54
54
  enable: true,
55
- mode: "grab",
56
- parallax: {
57
- enable: true,
58
- smooth: 10,
59
- force: 60,
60
- },
55
+ mode: ["grab", "parallax"],
61
56
  },
62
57
  onClick: {
63
58
  enable: true,
@@ -71,21 +66,14 @@ const options = {
71
66
  opacity: 1,
72
67
  },
73
68
  },
74
- bubble: {
75
- distance: 400,
76
- size: 40,
77
- duration: 2,
78
- opacity: 0.8,
79
- },
80
- repulse: {
81
- distance: 200,
69
+ parallax: {
70
+ enable: true,
71
+ smooth: 10,
72
+ force: 60,
82
73
  },
83
74
  push: {
84
75
  quantity: 4,
85
76
  },
86
- remove: {
87
- quantity: 2,
88
- },
89
77
  },
90
78
  },
91
79
  background: {
package/cjs/p/polygonMask.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "bubble",
13
- parallax: {
14
- enable: false,
15
- force: 2,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/cjs/p/polygons.js CHANGED
@@ -95,11 +95,6 @@ const options = {
95
95
  onHover: {
96
96
  enable: true,
97
97
  mode: "bubble",
98
- parallax: {
99
- enable: false,
100
- force: 60,
101
- smooth: 10,
102
- },
103
98
  },
104
99
  onClick: {
105
100
  enable: true,
package/cjs/r/random.js CHANGED
@@ -10,11 +10,6 @@ const options = {
10
10
  onHover: {
11
11
  enable: true,
12
12
  mode: "connect",
13
- parallax: {
14
- enable: false,
15
- force: 60,
16
- smooth: 10,
17
- },
18
13
  },
19
14
  },
20
15
  modes: {
package/cjs/s/shadow.js CHANGED
@@ -60,11 +60,6 @@ const options = {
60
60
  onHover: {
61
61
  enable: true,
62
62
  mode: "repulse",
63
- parallax: {
64
- enable: false,
65
- force: 60,
66
- smooth: 10,
67
- },
68
63
  },
69
64
  onClick: {
70
65
  enable: true,
package/cjs/s/slow.js CHANGED
@@ -40,11 +40,6 @@ const options = {
40
40
  onHover: {
41
41
  enable: true,
42
42
  mode: "slow",
43
- parallax: {
44
- enable: false,
45
- force: 60,
46
- smooth: 10,
47
- },
48
43
  },
49
44
  onClick: {
50
45
  enable: true,